简单的ReactNative工程
来源:互联网 发布:java服务器是什么 编辑:程序博客网 时间:2024/05/29 23:44
react-native-simple-project
一个简单的工程(只为展示基本的写法)
关键点:push隐藏tabBar,更改导航栏标题
整体流程:
index.ios.js
————–>Navigator
————–>react-native-tab-navigator(第三方)
————–>Home页(或Setting页)
————–>react-native-navbar(第三方) + Home页视图(或Setting页视图)
Clone the repo
$ git clone https://github.com/BelinChung/react-native-hiapp.git$ cd react-native-hiapp
Install dependencies (npm v3+):
$ npm install
Start Packager:
$ npm start
Running on iOS:
$ react-native run-ios
内部集成了react-native-navbar和react-native-tab-navigator,如果相关地方报错请执行以下命令
$ npm install react-native-navbar
$ npm install react-native-tab-navigator
里面关键性的注释已经写上。有不明白的地方或写得不当的地方请加QQ 767616124 欢迎大家交流。
效果图:
如果对您有帮助,Star一下吧
Github地址:react-native-navbar
0 0
- 简单的ReactNative工程
- ReactNative: 结合工程的思考
- 一个简单的ReactNative demo
- 《ReactNative》之SectionList的简单使用
- ReactNative运行 UIExplorer 工程
- reactnative appstate简单实用
- 使用TypeScript开发ReactNative应用的简单示例
- ReactNative学习笔记--下拉选择菜单的简单封装
- ReactNative学习笔记--下拉选择菜单的简单封装
- reactNative中View组件的简单使用(六)
- 一个简单的demo说明集成reactnative到android项目
- ReactNative-Navigator组件简单使用
- ReactNative中Redux简单使用
- 已有Android工程集成ReactNative页面
- ReactNative的ViewPagerAndroid简述
- ReactNative的ScrollView简述
- ReactNative的ListView简述
- ReactNative遇到的问题
- STL适配器之stack
- Spark性能优化指南——基础篇
- 读书笔记-分层架构
- 蓝桥 ADV-230 算法提高 12-1三角形 【数学公式】
- 动态分配二维数组
- 简单的ReactNative工程
- JAVA(5)——1--100被3整除的数
- 常用的三大dll模块
- 1043. 输出PATest(20)
- bzoj2039 [2009国家集训队]employ人员雇佣
- 数据库的垂直划分和水平划分
- 用函数判断素数
- js中FileReader对象入门-fileReader中的事件
- 【目标识别】深度学习进行目标识别的资源列表