极速编程 native-react(2)

作者: zidea | 来源:发表于2018-12-26 06:49 被阅读13次

在今天的互联网开发,速度制胜已经是大家公认的。大家选择混合的原因不仅是节约成本,还是因为他的速度。尤其是基于现有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. 创建一个原生组件丰富组件

相关文章

网友评论

    本文标题:极速编程 native-react(2)

    本文链接:https://www.haomeiwen.com/subject/aqmqlqtx.html