React Native入门学习

学习网站

• http://wiki.jikexueyuan.com/project/react-native/
• http://wiki.jikexueyuan.com/project/react-native-lesson/

环境搭建

• 安装HomeBrew（brew -v查看brew）
• 安装NodeJS （brew install NVM,nvm install node && nvm alias default node）
• 安装 watchman 和 flow(这两个包分别是监控文件变化和类型检查的)brew install watchman
  brew install flow

• 通过 npm安装react-native(
  npm install -g react-native-cli)

  init卡解决方案
  

注意：App开发环境的设置

iOS

XCode 6.3 及其以上即可。

Android

这个比较麻烦。
设置环境变量：ANDROID_HOME
export ANDROID_HOME=/usr/local/opt/android-sdk

SDK Manager 安装以下包：
Android SDK Build-tools   version 23.0.1
Android 6.0 (API 23)
Android Support Repository

使用步骤

• react-native init 项目名称—-创建项目

• 进入项目根目录，项目目录（如下）：
  

• react-native run-android 运行android项目/run-ios 运行IOS项目

• 项目中index.android.js和index.ios.js是我们的界面，以后的开发中都是对这些文件编写。例如：product.android.js/product.ios.js 由于android和ios的控件不同，需要根据不同情况添加控件。

项目目录说明

• android是android项目目录
• index.android.js是android项目界面
• index.ios.js是ios项目界面
• node_modules是集成的使用到的node模板
• package.json是项目的描述文件

Share this: