react-native初探
一 、必备软安装
两个基本软件 :node.js和python2
中文网上使用的是Chocolatey
choco install python2
choco install nodejs.install
node.js自带npm功能 设置静态源
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global
创建项目测试安装
react-native init AwesomeProject
cd AwesomeProject
react-native run-android
这里安装会报一个错误
android studio升级3.0,gradle升级4.1以后项目报错,如下
Could not resolve all files for configuration ‘:classpath’. Could not find com.android.tools.build:gradle:3.0.0.
解决方法:在project的builde.gradle做如下操作分别加上google()
buildscript {
repositories {
google()
……
}
}
allprojects {
repositories {
google()
……
}
}
自此就能安装了 上面的所有尝试都是基于Androidstudio 3.0
(Android 5.0及以上)使用adb reverse命令
注意,这个选项只能在5.0以上版本(API 21+)的安卓设备上使用。
首先把你的设备通过USB数据线连接到电脑上,并开启USB调试(关于如何开启USB调试,参见上面的章节)。
adb reverse tcp:8081 tcp:8081
- 不需要更多配置,你就可以使用Reload JS和其它的开发选项了.
(Android 5.0以下)通过Wi-Fi连接你的本地开发服务器
- 首先确保你的电脑和手机设备在同一个Wi-Fi环境下。
- 在设备上运行你的React Native应用。和打开其它App一样操作。
- 你应该会看到一个“红屏”错误提示。这是正常的,下面的步骤会解决这个报错。
- 摇晃设备,或者运行adb shell input keyevent 82,可以打开开发者菜单。
- 点击进入Dev Settings。
- 点击Debug server host for device。
- 输入你电脑的IP地址和端口号(譬如10.0.1.1:8081)。
- 在Mac上,你可以在系统设置/网络里找查询你的IP地址。在Windows上,打开命令提示符并输入ipconfig来查询你的IP地址。在Linux上你可以在终端中输入ifconfig来查询你的IP地址。
- 回到开发者菜单然后选择Reload JS。