加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

React Native——安装(Setup)

发布时间:2020-12-15 04:48:04 所属栏目:百科 来源:网络整理
导读:配置 OSX 目前只支持OSX 安装Homebrew ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 安装Node.js 安装nvm brew install nvm mkdir ~/.nvm .bashrc或者.zshrc里添加 export NVM_DIR=~/.nvm source $(brew --p

配置

  1. OSX 目前只支持OSX
  2. 安装Homebrew
    ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

  3. 安装Node.js

    • 安装nvm
      brew install nvm
      mkdir ~/.nvm
      .bashrc或者.zshrc里添加
      export NVM_DIR=~/.nvm
      source $(brew --prefix nvm)/nvm.sh
    • 安装node.js
      nvm install node && nvm alias default node
    • 安装watchman
      brew install watchman
  4. Android环境

    • JDK
    • Andorid SDK
    • 在.bashrc或者.zshrc中添加
      export export ANDROID_HOME=sdk路径

第一个示例

$ npm install -g react-native-cli
$ react-native init AwesomeProject
$ cd AwesomeProject/
$ react-native run-android

异常说明:

  • 例子使用Android API 23,BuildTool 23.0.1,需要先下载这两个版本
  • 示例应用会在电脑端启动一个server,客户端连接server,如果使用模拟器可以直接运行,如果使用真机提示Unable to download JS bundle,需要对真机进行配置

真机调试配置

  • 通过USB调试
    adb reverse tcp:8081 tcp:8081
  • 通过wifi
    摇手机出现menu菜单,选择Dev Settings -> Debug server host for device,输入电脑端的ip,重新启动应用

运行结果

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读