React Native入门基础框架

现在React Native越来越火,很多公司及个人已经慢慢开始转向这个框架,此框架号称代码复用率能达到80%左右,性能接近原生性能,关注的人也越来越多,不过成熟的App实在还没有几个,大家都在做实验版的,毕竟官网两周一更新,很多人也不敢放实战项目里去,不过用起来感觉还可以吧,特此在本人做的项目上抽取出一个基本的框架,此框架能应用与大部分app框架结构。
首先运行此基础框架要搭建其运行环境,运行环境前面有篇文章有介绍,不过还是建议参考官网文档说明,那是最新最权威的文档,在此不在介绍环境搭建,此框架测试平台为android平台,如有小伙伴查看此框架最好在android平台下。
此框架实现的功能有:

1.自定义Navigator导航栏功能

2.使用TabNavigator做为底部菜单栏(可选react-native-scrollable-tab-view)

3.集成redux,简单模拟使用

4.加载动画模拟

5.屏幕锁定,旋转模拟

6.加入欢迎页面

7.安卓返回按钮监听

效果图:

欢迎页:

欢迎页

首页效果:

图片轮播页:

轮播页

listview实现的gridview页:

listview

自定义组件实现页:

个人中心

导航到第二页效果:

导航展示

使用方法

1.git clone
https://github.com/ReactNativeFramework/ReactNativeBaseFramework.git

2.cd ReactNativeBaseFramework

3.npm install

4.react-native run-android

github地址:

github地址

https://github.com/ReactNativeFramework/ReactNativeBaseFramework

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值