极速编程 native-react（1）

在今天的互联网开发，速度制胜已经是大家公认的。大家选择混合的原因不仅是节约成本，还是因为他的速度。尤其是基于现有web来开发您的移动端 app。这种开发方式是原生开发不可以比拟的。我带大家一起体验一下。

先介绍开发一个应用环境，IDE 这里使用 visual studio code ，需要安装一些 react native 的插件来提示 API，框架选择 native react，我们做的应用，有登录页、主页面、列表页、配置页、详细页等组成。

第一天我们先把基本页面搭建出来，导航我们采用 react-navigationV2 这个库，样式我们选择一个 react-native 的扩展库 native-base。如果公司自己开发，可以开发一个自己的组件库。应用的状态管理选择 redux，如果应用不算复杂，可以不选用 redux，因为他在很大程度增加您的复杂度，提高 。开发几个页面，第一天我们把基本页面搭建出来，主页面顶部为搜索栏，下方菜单，菜单设计为主页面的快捷方式。接下来是信息板。然后就是产品的列表了。底部是tab导航栏。

单击条记录我们就可以进入详细页

今天先大概布一个局，时间有限，呵呵还是很多很享受地开发这款

1.分享使用 FlatList 来创建列表下滑来刷新页面更新数据

2.使用 Fetch 获取后台数据

3.AsyncStorage 来存储数据，用于异步更新后台数据，这里在登录页面会用到

4.使用 native-navigation 来铺设应用中的路由

5.引入 redux 来控制应用的状态

6.创建一个原生组件丰富组件

今天就到这里，