http://facebook.github.io/react-native/docs/getting-started.html
setState 是 React 框架最常用的命令，它是用来更新状态的，这也是 React 框架划时代的功能。
（友情提示：RN学习，从最基础的开始，大家不要嫌弃太基础，会的同学请自行略过，希望不要耽误已经会的同学的宝贵时间） React Native看起来很像React，其实React Native就是根据React发展而来的，只不过其基础组件是原生组件而非web组件。所以在体验交互上更加接近原生操作，所以体验比web效果好很多。加上可以跨平台，体验又接近原生，所以自15年以来比较火。 我们要想理解React Native应用的基本结构，我们首先需要先了解一些基本的React的概念，比如JSX语法、组件、state
include ':realm' project(':realm').projectDir = new File(rootProject.projectDir, '../node_modules/realm/android')
首先下载pdf文件到本地，react-native-pdf-view组件现在只能支持显示手机本地pdf。
源码demo地址:https://github.com/JinJieTan/react-keepAlive-dynamic
这几天开始边学边做新模式，也踩了不少坑，所以会记录下来--俗话说好记心不如烂笔头，何况还没有一颗好记心（-_-）。 从学React-Native开发功能模块大概5天，有些体会：1如果说按产品原型去做一样东西，那是容易的，但是这会造成很多问题，第一个是机器人一样写代码，你不会从项目整体思考，代码的质量也比较差而且不容易维护）,所以决定每天写个博客，看1个小时React-native基础点。 0x01 关于Reac-Native调试命令react-native start的坑 wind
本篇博客将介绍如何开发一款简易的ReactNative小应用汇率换算器。本应用仅作为学习使用，其支持在人民币与美元间进行汇率计算。汇率计算器应用主要分为两部分：键盘与显示屏。键盘提供给与用户进行输入，在显示屏上进行汇率换算结果的显示。复杂的界面无非是简单组件的组合使用，因此，在进行开发之前，我们可以思考可能需要使用到的独立组件的开发，例如键盘按钮的开发，有键盘按钮组成的键盘的开发，显示屏开发等。首先创建一个初始的ReactNative工程，将index.ios.js与index.android.js文件中的内容全部删掉。在项目根目录中新建4个目录，分别为const、controller、image和view。这4个目录用于存放后面我们需要新建的静态文件，控制器文件，图片素材和视图文件。
props 和 state 之间的共同点就是它们都是一个对象或者说一个字典 {}。
Hooks 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。
React Native 中的活动指示器组件 ActivityIndicator 就长下面这样。
关于如何在mac下搭建React环境这里就不详细介绍了，有兴趣的朋友可以看：在Mac上搭建RN基础环境，今天要说的是如何在mac下使用Atom＋Nuclide组合环境来开发项目。 安装Atom 如果没
最近使用react-native参与开发了个应用，记录下其中踩的一些坑。本人使用的是mac电脑进行开发，本文仅对此平台进行记录? 下载不了xcode 升级自己的mac的系统到最新版本，之后在mac的应
使用react-native的时候能够看到不少函数调用式的组件，像LinkIOS用来呼起url请求
React Native通过近两年的迭代和维护，最新版本已经到了0.45.1，关于最新版本的介绍请查看我之前的博客：0.45新特性。话说回来，尽管迭代的挺快，但还是有很多坑，很多基础的组件和API还是不完善。 今天给大家带来的自定义小专题，其实对于React Native来说，自定义组件的过程更像是Android、iOS的组合控件。大体步骤有如下几个步骤（不完全准确，但是方向大体准确）： 1，定义构造函数constructor； 2，定义组件属性propTypes； 3，绘制界面； 4，添加更新界面逻辑等
React Native通过近两年的迭代和维护，最新版本已经到了0.45.1。 话说回来，尽管迭代的挺快，但还是有很多坑，很多基础的组件和API还是不完善。 今天给大家带来的自定义小专题，其实对于React Native来说，自定义组件的过程更像是Android、iOS的组合控件。大体步骤有如下几个步骤（不完全准确，但是方向大体准确）： 1，定义构造函数constructor； 2，定义组件属性propTypes； 3，绘制界面； 4，添加更新界面逻辑等 自定义Toast 在系统组件中，RN
状态栏 StatusBar 就是手机屏幕最顶上一个区域，包含 运营商名称、网络情况、电池情况那一条。
GitHub - forrest23/ReactNativeComponents: React Native组件大全
为了实现其淡入/淡出的覆盖效果, 还有取消按钮, 在此用了一个三方的组件, 大家可以先安装一下:
如果要在两个值之间切换，或者要在两个状态之间切换，我们可以使用 React Native 提供的 开关组件 Switch。
value：二维码的值 size：大小，默认128 bgColor：背景色，默认#000 fgColor：前景是，默认#fff
前言 本篇文章的作用在于帮助你快速上手使用React Native编写iOS应用。如果你现在还不太了解React Native是什么以及Facebook为什么要创建React Native，你可以先看看这篇博客。 阅读本文之前，我们假设你已经有过使用React创建网站的经验。如果你还是一个React新手，那么我们建议你从React的网站开始学习。 设置 使用React Native开发iOS应用需要OSX系统，Xcode，Homebrew，node，npm以及watchman，你也可以有选择的使用Flo
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/j_bleach/article/details/80723293
npm install react-native-gesture-password--save
在React Native开发中，经常需要用到列表展示的功能。FlatList组件是React Native中用来实现列表功能的核心组件之一，它能够高效地渲染大量数据，并且支持懒加载，提高了用户体验。本文将介绍如何在React Native中使用FlatList组件。
前言 在一个移动App中，我们最常用的内容展现形式就是列表。今天，我们尝试用React Native完成对列表的开发。 ListView ListView作为一个React Native官方提供的控件，我们需要了解它的属性。 dataSource 是列表的数据源，通常以一个数组的形式传给ListView。 renderRow 是列表的表现层，我们可以获得dataSource的单项数据，然后用于单项渲染。 官方例子 import React, { Component } from 'react'; impor
输入组件 TextInput 就是让用户输入数据的，比如输入登录有户名，输入登录密码。
本人非前端,请轻喷 ReactNative版本:0.31 github:https://github.com/X-FAN/reactnativelearn
可以参考链接：https://developer.android.com/training/app-indexing/deep-linking.html
在Android或者iOS开发中我们会用到很多控件，这些控件会有很多的属性、样式等等。同样的，React Native中的组件也有属性、样式和状态。
MobX 是一款精准的状态管理工具库，如果你在 React 和 React Native 应用中使用过 Flux、Alt、Redux 和 Reflux，那毫不犹豫地说，MobX 的简单性将成为你状态管
在React-Native出现之前移动端主流的开发模式是原生开发和Hybrid开发（H5混合原生开发），Hybrid app相较于native app的优势是开发成本低开发速度快(H5页面开发跨平台，无需重新写web、android、ios代码)，尽管native app在开发上需要更多时间，但却带来了更好的用户体验(页面渲染、手势操作的流畅性)，也正是基于这两点Facebook在2015年推出了React-Native
此文适合react-native新手学习使用，侧重点在于Fetch网络请求、ListView数据源配置及展示。 项目中使用豆瓣网提供的开放数据接口 http://www.jianshu.com/p/c5160fda1d38 Util工具类封装 Util工具类封装了获取设备屏幕宽高、网络请求成功或者失败回调函数、数据请求成功前的等待效果. /* 工具类 */ import React, { Component} from 'react'; import { AppRegistry, StyleShee
在原生APP开发中，相信很多开发者都会见到这种场景：点击右上角更多的选项，弹出一个更多界面供用户选择。这种控件在原生开发中Android可以用PopupWindow实现，在ios中可以用CMPopTi
在使用 Image 组件的时候，受到Image 组件的困扰： 图片的宽度在指定宽度的情况下是可以控制图片的宽度的，但是
前言 在一般的手机App中，HTTP请求是一种最常见的获取数据的方式。我们的App要连上广阔的互联网，才能带来一个丰富的世界。那么，在React Native中如何发起HTTP请求呢？ 发起网络请求 要从任意地址获取内容的话，只需简单地将网址作为参数传递给fetch方法即可（fetch这个词本身也就是获取的意思）： fetch('https://mywebsite.com/mydata.json') Fetch还有可选的第二个参数，可以用来定制HTTP请求一些参数。你可以指定header参数，或是指定使用P
npm install--save react-native-autocomplete-input
以上所述是小编给大家介绍的解决react-native软键盘弹出挡住输入框的问题,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对ZaLou.Cn网站的支持！ 如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
1.goBack的跨页面跳转，又两种方法，一可以像兔哥那样修改navigation源码，二可以用navigationActions
在 0.60 版本之前，这个组件是内置的，0.60 版本把它移到了 react-native-community/react-native-async-storage。
如果要从多个 已知的选项 中选择一个，那么可以使用 React Native 内置的 选择器 ``。
ICONS是可以直接使用图片名, 就能加载图片的三方,使用很方便, 你不需要在工程文件夹里塞各种图片, 节省很多空间,下面就来看看怎么使用吧!
在很多App中都会涉及到分享，React Native提供了Modal组件用来实现一些模态弹窗，例如加载进度框，分享弹框等。使用Modal搭建分析的效果如下： 自定义的分析界面代码如下： S
接着上一篇 使用react-native-tab-navigator切换页面 当前首页页面内容是空的，只有一个背景色。下面我们来添加些内容。 这里使用 FlatList 来渲染列表。(注：很多教程包含视频中是使用 ListView 构建内容列表的。这个已经被弃用) 步骤如下图非常简单：
AppRegistry模块则是用来告知React Native哪一个组件被注册为整个应用的根容器。你无需在此深究，因为一般在整个应用里AppRegistry.registerComponent这个方法只会调用一次。上面的代码里已经包含了具体的用法，你只需整个复制到index.ios.js或是index.android.js文件中即可运行。
RN中文网关于原生模块（Android）的介绍可以看到，RN前端与原生模块之 间通信，主要有三种方法： 1）使用回调函数Callback，它提供了一个函数来把返回值传回给JavaScript。 2）使用Promise来实现。 3）原生模块向JavaScript发送事件。 关于使用回调，这是最简单的一种通信，这里可以看看官网的实现，今天要讲的是滴三种由原生模块向JavaScript发送事件。 （1）首先，你需要定义一个发送事件的方法。如下所示： /*原生模块可以在没有被调用的情况下往JavaScript发送事
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
