博客专栏  >  移动开发   >  从零学React Native

从零学React Native

Facebook公司工程师推出了React Native, 将移动平台上的应用开发统一到同一个框架下,而且还能享受原生体验。 一次学习,就可以同时开发IOS和Android两个平台, 一起学习探讨吧

关注
10 已关注
29篇博文
  • 从零学React Native之14 网络请求

    通过HTTP或者HTTPS协议与网络侧服务器交换数据是移动应用中常见的通信方式。 node-fetch是RN推荐的请求方式。 React Native框架在初始化项目时, 引入了node-fetch...

    2016-09-21 11:28
    2007
  • [React Native]获取网络状态

    使用React Native,可以使用NetInfo API获取手机当前的各个网络状态。 componentWillMount() { NetInfo.fetch().done(...

    2016-09-19 16:33
    1998
  • [React Native]升级React Native版本

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

    2016-09-13 16:39
    978
  • [React Native]去掉WebStorm中黄色警告

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

    2016-09-13 11:04
    5931
  • [React Native]Promise机制

    React Native中经常会看到Promise机制。 Promise机制代表着在JavaScript程序中下一个伟大的范式。可以把一些复杂的代码轻松撸成一个串,和Android中的rxjava非...

    2016-09-09 16:22
    1614
  • 从零学React Native之13 持久化存储

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

    2016-09-08 17:19
    3029
  • 从零学React Native之12 组件的生命周期

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

    2016-09-07 14:17
    825
  • [React Native] 解析JSON文件

    在编写代码时,开发者有时需要存储一些比较多,在应用程序运行时不需要更改的数据。文件大不便于写在代码中,可以把这些数据存储到JSON文件中。优点非常明显: 1. 数据存放在单独的文件中,代码精简有条理...

    2016-09-07 14:03
    3669
  • [React Native]访问操作系统剪贴板 Clipboard

    我们之前学习了TextInput组件, 有时候我们需要在TextInput组件中复制或者粘贴一些文字。 React Native为开发者提供了 Clipboard API,Clipboard 组件可...

    2016-08-31 16:29
    1982
  • [React Native]高度自增长的TextInput组件

    之前我们学习了从零学React Native之11 TextInput了解了TextInput相关的属性。在开发中,我们有时候有这样的需求, 希望输入区域的高度随着输入内容的长度而增长, 如下: ...

    2016-08-31 15:03
    1402
  • [React Native]StatusBar的使用

    StatusBar是React Native 0.20 新增的跨平台组件,它可以用来设置并动态改变设备的状态栏显示特性。虽然说是跨平台的组件, 但是有些属性不是跨平台的 ,我们需要注意下。因为IOS和...

    2016-08-30 16:02
    2278
  • React Native-组件的引用

    之前文章中,我们使用了许多React Native组件,也定义了一些组件。但是我们都没有定义组件的标识,我们都是通过回调方法处理组件对应的事件,这种情况能满足绝大多数需求,有些情况我们需要对组件进行操...

    2016-08-27 17:37
    713
  • React Native开源项目如何运行(附一波开源项目)

    学习任何技术,最快捷的方法就是学习完基础语法,然后模仿开源项目进行学习,React Native也不例外。React Native推出了1年多了, 开源项目太多了,我们以其中一个举例子.给大家演示下如...

    2016-08-27 11:19
    1619
  • 从零学React Native之11 TextInput

    TextInput 组件是用来通过键盘输入文字,可以使用View组件和Text组件样式,没有自己特定的样式。 与Text组件类似,TextInput组件内部的元素不再使用FlexBox布局,而采用文...

    2016-08-25 17:50
    803
  • 从零学React Native之10Text

    在React Native开发中,所有需要显示的字符串文本都需要放置在Text或者Text的子组件中。虽然在之前的文章中多次使用了Text组件,但是Text组件还是值得专门学习的, 并没有想象中的那么...

    2016-08-23 15:01
    907
  • React Native等比放大不丢失图片

    之前我们学习了从零学React Native之08Image组件大家可以发现, 原生的Image控件无法实现等比放大后无丢失显示。 如: 有一张20x10的图片, 要放入一个40x30的显示区域内....

    2016-08-17 10:08
    1300
  • React Native自定义导航栏

    之前我们学习了可触摸组件和页面导航的使用的使用: 从零学React Native之09可触摸组件 … 从零学React Native之03页面导航 …经过之前的学习, 我们可以完成一个自定义导...

    2016-08-15 17:32
    2963
  • 从零学React Native之09可触摸组件

    可触摸组件有: TouchableHighlight,TouchableNativeFeedback,TouchableOpacity,TouchableWithoutFeedback 1. To...

    2016-08-12 14:36
    875
  • 从零学React Native之08Image组件

    开发过程中, 几乎每个项目都会用到图片. RN就是通过Image组件显示图片。既可以加载网络图片,也可以加载本地资源图片。 Image组件必须在样式中声明图片的款和高。如果没有声明,则图片将不会被...

    2016-08-12 14:29
    773
  • 从零学React Native之07View

    View 组件是React Native最基本的组件.绝大部分其他React Native 组件.View组件的颜色和边框 backgroundColor 键用来指定颜色. RN 0.19版本开始,...

    2016-08-11 14:54
    776
img博客搬家
img撰写博客
img发布 Chat
img专家申请
img意见反馈
img返回顶部