于连林520wcf的专栏

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

为什么学习React Native三点原因

React Native不到两岁,兼容Android平台刚刚1年。我学习React Native其实也就不到1年,不算长,也不算短。 Paul Graham在文章中写过:大多数人真正注意到你的时候,不是第一眼看到你站在那里,而是发现了过了这么久你居然还在那里。 我就是Paul提到的”大多数人”...

2016-10-13 09:01:37

阅读数:1082

评论数:1

从零学React Native之14 网络请求

通过HTTP或者HTTPS协议与网络侧服务器交换数据是移动应用中常见的通信方式。 node-fetch是RN推荐的请求方式。 React Native框架在初始化项目时, 引入了node-fetch包 (因为npm3把依赖全部摊平了,node-fetch就在node_modules目录下)下面就...

2016-09-21 11:28:52

阅读数:2250

评论数:0

[React Native]获取网络状态

使用React Native,可以使用NetInfo API获取手机当前的各个网络状态。 componentWillMount() { NetInfo.fetch().done((status)=> { console.log('Status:'...

2016-09-19 16:33:49

阅读数:2385

评论数:0

[React Native]升级React Native版本

React Native正式版本还没发布,但是小版本基本上每个月都更新1-2次。9月11号又更新了0.33版本,其中有两个增强功能正好是项目中用到的. 添加Android6.0权限验证API Add JS library for requesting Android M Permissions...

2016-09-13 16:39:33

阅读数:1080

评论数:0

[React Native]去掉WebStorm中黄色警告

用WebStorm开发RN难免会碰到一大堆黄色警告。就像下面这样。 其实这个错误并不会影响开发,但是作为一个上升处女座的,我很难忍。于是各种想办法。 上网查了半天发现这篇文章 http://blog.csdn.net/gz_jero/article/details/51503374 按...

2016-09-13 11:04:05

阅读数:9474

评论数:3

[React Native]Promise机制

React Native中经常会看到Promise机制。 Promise机制代表着在JavaScript程序中下一个伟大的范式。可以把一些复杂的代码轻松撸成一个串,和Android中的rxjava非常像。Promise代表一个任务结果,这个任务有可能完成,有可能没有完成。Promise模式唯一需...

2016-09-09 16:22:56

阅读数:1994

评论数:0

从零学React Native之13 持久化存储

数据持久化就是指应用程序将某些数据存储在手机存储空间中。借助native存储这种方式不言而喻,就是把内容传递给native层,通过原生API存储,详见从零学React Native之05混合开发AsyncStorage APIRN框架为开发者提供了 AsyncStorage API,开发者可以利用...

2016-09-08 17:19:02

阅读数:3765

评论数:0

从零学React Native之12 组件的生命周期

一个React Native组件从它被加载,到最终被卸载会经历一个完整的生命周期。所谓生命周期,就是一个对象从开始生成到最后消亡所经历的状态,理解生命周期,是合理开发的关键。ES6语法和之前的ES5语法有所变化,本篇文章是根据ES6语法写的。在ES5语法中,有getDefaultPropTypes...

2016-09-07 14:17:32

阅读数:949

评论数:0

[React Native] 解析JSON文件

在编写代码时,开发者有时需要存储一些比较多,在应用程序运行时不需要更改的数据。文件大不便于写在代码中,可以把这些数据存储到JSON文件中。优点非常明显: 1. 数据存放在单独的文件中,代码精简有条理。 2. JSON数据格式便于阅读,修改。给大家演示下,在项目目录下建立一个名为data的目录,...

2016-09-07 14:03:17

阅读数:4876

评论数:0

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

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

2016-08-31 16:29:47

阅读数:2729

评论数:0

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

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

2016-08-31 15:03:52

阅读数:1749

评论数:0

[React Native]StatusBar的使用

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

2016-08-30 16:02:56

阅读数:2742

评论数:0

React Native-组件的引用

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

2016-08-27 17:37:51

阅读数:1197

评论数:0

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

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

2016-08-27 11:19:44

阅读数:2211

评论数:0

从零学React Native之11 TextInput

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

2016-08-25 17:50:00

阅读数:905

评论数:0

从零学React Native之10Text

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

2016-08-23 15:01:17

阅读数:1106

评论数:0

React Native等比放大不丢失图片

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

2016-08-17 10:08:07

阅读数:1522

评论数: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

阅读数:1297

评论数:1

React Native自定义导航栏

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

2016-08-15 17:32:43

阅读数:3314

评论数:2

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

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

2016-08-12 14:36:06

阅读数:965

评论数:0

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