查看当前连接的设备:chrome://inspect/#devices
windows环境的搭建:
详情请查看:
开发步骤:
谷歌浏览器检测连接的手机:
chrome://inspect/#devices
cmd命令中检测连接的手机:
android list avd
1.环境搭建:
安装react native:
安装android studio:(用于搭建SDK环境和模拟器)
在tools界面中安装sdk23.0.1;
安装模拟器Genymotion:
安装编辑器vscode:
2.项目开发准备:
打开cmd命令操作:
进入到希望创建项目的文件夹,然后执行下面的命令创建项目
react-
native
init AwesomeProject
进入到新建项目的文件夹中: cd AwesomeProject
启动项目,可在模拟器中查看具体效果:(
注:启动前必须先开启模拟器,会自动识别并在模拟器中启动当前项目。
)react-
native
run-android
3.可能遇到的问题:
a.项目启动时模拟器中无任何反应。
创建指定版本的项目:
react
-
native
init
demo
--
verbose
--
version
0
.
41
.
0
因为低版本执行
react-
native
run-android时,会导致模拟器中无法启动,目前这个问题没有找到问题所在。
b.项目启动时模拟器中出现红屏错误:
在项目package.json的”scripts”里面加一句:
"bundle
-
android":
"react
-
native
bundle
--
platform
android
--
dev
false
--
entry
-
file
index
.
android
.
js
--
bundle
-
output
android/app/src/main/assets/index
.
android
.
bundle
--
assets
-
dest
android/app/src/main/res/"
后续补充中...