于连林520wcf的专栏

享受生活,努力工作,不能抱怨,任劳任怨

[React Native]访问操作系统剪贴板 Clipboard

我们之前学习了TextInput组件, 有时候我们需要在TextInput组件中复制或者粘贴一些文字。 React Native为开发者提供了 Clipboard API,Clipboard 组件可以在iOS和Android的剪贴板中读写内容。目前还只支持获取或者存放字符串。主要方法static...

2016-08-31 16:29:47

阅读数:2859

评论数:0

[React Native]高度自增长的TextInput组件

之前我们学习了从零学React Native之11 TextInput了解了TextInput相关的属性。在开发中,我们有时候有这样的需求, 希望输入区域的高度随着输入内容的长度而增长, 如下: 这时候我们需要自定义一个组件: 在项目中创建AutoExpandingTextInput.js...

2016-08-31 15:03:52

阅读数:1805

评论数:0

配置上这个模板Bug少90%

本来写程序经常会碰到各种难缠的Bug,自从修改了注释模板,bug明显少了,我们以Android Studio为例 点击菜单栏的“File“->“OtherSettings”->"Default Settings",或者直接点击Setting按钮打开Settings窗...

2016-08-30 17:35:01

阅读数:867

评论数:0

[React Native]StatusBar的使用

StatusBar是React Native 0.20 新增的跨平台组件,它可以用来设置并动态改变设备的状态栏显示特性。虽然说是跨平台的组件, 但是有些属性不是跨平台的 ,我们需要注意下。因为IOS和Android本身有些区别,使用这个组件最好都要适配的。属性 属性名 描述 animat...

2016-08-30 16:02:56

阅读数:2864

评论数:0

Android7.0 添加快速设定Quick Settings Tile

Android7.0新推出了一个非常实用的功能——添加快速设定(或者翻译成快速设置),但是感觉社区里关注的人比较少,可能目前为止国内还没有Android7.0的手机,但是越早接触越好,甚至可以告诉产品经理7.0以上可以实现此功能,从而让公司的产品更加与时俱进。“快速设置”通常用于直接从通知栏显示关...

2016-08-30 10:44:44

阅读数:4266

评论数:2

git笔记

来天津工作以来一直使用svn管理项目,最近有一段时间没有用git命令,发现好多指令都记不得了, 又翻了下笔记,把git的一些指令总结下,防止自己忘了。首先需要明白git是分布式提交, 先提交到本地然后复制到远程仓库。常用的: init:新建一个Git管理项目。 git add . 添...

2016-08-29 14:35:32

阅读数:792

评论数:0

React Native-组件的引用

之前文章中,我们使用了许多React Native组件,也定义了一些组件。但是我们都没有定义组件的标识,我们都是通过回调方法处理组件对应的事件,这种情况能满足绝大多数需求,有些情况我们需要对组件进行操作,此时就需要获取组件的引用,进而通过该应用对组件进行操作。比如,我们可以通过引用拿到组件,修改组...

2016-08-27 17:37:51

阅读数:1244

评论数:0

React Native开源项目如何运行(附一波开源项目)

学习任何技术,最快捷的方法就是学习完基础语法,然后模仿开源项目进行学习,React Native也不例外。React Native推出了1年多了, 开源项目太多了,我们以其中一个举例子.给大家演示下如何运行开源项目.(前提是你已经搭建好React Native环境了)下载开源项目首先需要找到开源项...

2016-08-27 11:19:44

阅读数:2271

评论数:0

如何用一句话激怒设计师

最近在论坛上看到一群人讨论,如何用一句话激怒设计师。 给大家贴出来。 一,大家可以当段子看 二,工作的时候一定要避免下面的情况,不然大家单身一辈子。尤其是程序员 。 “你设计的这个图标比你还难看” 这句话威力值100 ,可以瞬间激怒绝大多数设计师。 这是我单位的美工 设计师最不喜欢别...

2016-08-27 10:03:30

阅读数:1149

评论数:0

从零学React Native之11 TextInput

TextInput 组件是用来通过键盘输入文字,可以使用View组件和Text组件样式,没有自己特定的样式。 与Text组件类似,TextInput组件内部的元素不再使用FlexBox布局,而采用文本布局。详情见上一篇文章从零学React Native之10TextTextInput属性只列出了...

2016-08-25 17:50:00

阅读数:914

评论数:0

从零学React Native之10Text

在React Native开发中,所有需要显示的字符串文本都需要放置在Text或者Text的子组件中。虽然在之前的文章中多次使用了Text组件,但是Text组件还是值得专门学习的, 并没有想象中的那么简单。任何一个组件,都有样式和属性,样式一般约束控件的样式和位置,定义在style属性中。属性就是...

2016-08-23 15:01:17

阅读数:1146

评论数:0

React Native等比放大不丢失图片

之前我们学习了从零学React Native之08Image组件大家可以发现, 原生的Image控件无法实现等比放大后无丢失显示。 如: 有一张20x10的图片, 要放入一个40x30的显示区域内. 1. cover模式(默认),图片放大为60x30, 然后切成40x30, 会丢失部分显示的图...

2016-08-17 10:08:07

阅读数:1551

评论数:0

React Native错误汇总(持续更新)

错误1 Element type is invalid…:错误描述: Element type is invalid: expected a String(for built-in components) or a class/function(for composite components)...

2016-08-15 17:36:37

阅读数:1462

评论数:1

React Native自定义导航栏

之前我们学习了可触摸组件和页面导航的使用的使用: 从零学React Native之09可触摸组件 … 从零学React Native之03页面导航 …经过之前的学习, 我们可以完成一个自定义导航栏了, 效果如下: 我们需要创建一个 NaviBar.js 用来显示顶部的导航栏, 还需要四...

2016-08-15 17:32:43

阅读数:3396

评论数:2

从零学React Native之09可触摸组件

可触摸组件有: TouchableHighlight,TouchableNativeFeedback,TouchableOpacity,TouchableWithoutFeedback 1. TouchableWithoutFeedback,在用户触摸的时候没有反馈任何触摸效果,体验很不好,基...

2016-08-12 14:36:06

阅读数:979

评论数:0

从零学React Native之08Image组件

开发过程中, 几乎每个项目都会用到图片. RN就是通过Image组件显示图片。既可以加载网络图片,也可以加载本地资源图片。 Image组件必须在样式中声明图片的款和高。如果没有声明,则图片将不会被呈现在界面上。网络图片加载加载网络图片非常简单, 直接上代码: 修改index.ios.js或者...

2016-08-12 14:29:28

阅读数:947

评论数:0

从零学React Native之07View

View 组件是React Native最基本的组件.绝大部分其他React Native 组件.View组件的颜色和边框 backgroundColor 键用来指定颜色. RN 0.19版本开始,只有Text和TextInput组件会继承父组件的背景颜色 Opacity键定义了View组件的透...

2016-08-11 14:54:01

阅读数:929

评论数:0

React Native中pointerEvent属性

在React Native界面开发中, 如果使用绝对定位布局,在代码运行时的某个时刻有可能会遮盖住它的下方的某个组件。这是因为绝对定位只是说这个组件的位置由它父组件的边框决定。 绝对定位的组件可以被认为会覆盖在它前面布局(JSX代码顺序)的组件的上方.如果被遮盖住的组件需要处理触摸事件。比如我们...

2016-08-11 14:50:05

阅读数:1088

评论数:0

从零学React Native之06flexbox布局

前面我们接触了好多React Native代码, 并没有介绍RN中的组件具体是如何布局的,这一篇文章,重点介绍下flexbox布局。什么是flexbox布局React中引入了flexbox概念,flexbox是属于web前端领域CSS的一种布局方案,是2009年W3C提出了一种新的布局方案,可以简...

2016-08-08 16:55:47

阅读数:869

评论数:0

从零学React Native之05混合开发

本篇文章,我们主要讨论如何实现Android平台的混合开发.RN给Android端发送消息首先打开Android Studio, Open工程, 在React Native项目目录下选择android子目录下的build.gradle文件打开。React Native已经默认帮我们创建好了两个类M...

2016-08-05 15:58:50

阅读数:1980

评论数:7

提示
确定要删除当前文章?
取消 删除
关闭
关闭