极速编程 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.创建一个原生组件丰富组件

今天就到这里,

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180620B1XE1J00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券