GankRnApp

Project Url: leon2017/GankRnApp
Introduction: ReactNative 版本干货集中营 app
More: Author   ReportBugs   
Tags:
ReactNative-Android-IOS-

干货集中营

[TCP]

其实 RN 开发早就很火了,并且已经成为很多项目的成熟解决方案。前段时间看到了某大神开发的一个新闻资讯类的 App-Reading,感觉真棒,想着如果自己用 RN 写一个会不会更有趣,毕竟这是自己第一次尝试用 RN 开发;当然作为从 0 开发的,很多思路都是借鉴这位大神的,感谢!!!。

搭建开发环境

  • React Native 版本为 0.48
  • 前期目标平台:Android,开发平台 macOS,IDE:vs code
  • 开发环境配置:请参考RN 中文社区,此处不再描述
  • 接口采用gank.io的开放接口,所以这是一个 Gank Rn 版本

    React Native 常用命令

1.react-native --version                                  //查看当前 reactNative 版本
2.sudo npm update -g react-native-cli         //更新全局的 reactNative 到最新版本
3.npm info react-native        //查看服务器端的 reactNative 的各版本信息
4.npm install                                      //给下载的普通工程下载安装 RN 环境,根据配置的 package.json
5.react-native upgrade                     //根据 package.json 配置的 RN 版本,更新 RN 环境代码
6.react-native run-android //运行 Android 工程
7.react-native run-ios //运行 IOS 工程
8.react-native init 工程名                 //初始化一个工程、下载 React Native 的所有源代码和依赖包
9.npm install --save react-native@0.18          //项目降级或升级到指定版本,记得 react-native upgrade 更新一下项目依赖等
10. npm install react-native-storage --save   // 安装某个 lib 到项目中

初始化项目

react-native init GankRnApp
cd GankRnApp

运行项目

npm install 
npm start #开启服务
//运行 IOS 
react-native run-ios
//运行 Android
//第一种方式
react-native run-android
//第二中方式(手动采用 gradle 编译)
cd android
./gradlew installDebug

运行截图

GankRn_1 GankRn_2 GankRn_3 GankRn_4 GankRn_5 GankRn_5 GankRn_5

License

Apache License 2.0

Apps
About Me
GitHub: Trinea
Facebook: Dev Tools