运行React Native到Android真机上的流程

来源:互联网 发布:it编程培训中心 编辑:程序博客网 时间:2024/06/16 04:15

运行React Native到Android真机上的流程

1.首先你需要配置好开发环境:

React Native 开发环境配置

2.我使用WebStorm开发的,所以要安装该软件,虽然是收费软件,不过大家懂得,选择该软件是因为软件和studio非常一致,用起来比较顺手。

3.下面就是创建一个rn应用了,这是用到命令行,react-native init 你的项目名字

4.然后是运行项目到真机上,这里有几点注意事项:

直接运行react-native run-android会报如下错误:

 SDK location not found. Define location with sdk.dir in the local.properties file or with an ANDROID_HOME environment variable.

解决方案:在Android的目录下添加local.properties文件,并将sdk路径发到下面

sdk.dir=/Users/lxrent/Library/Android/sdk   mac下的路径

5.然后应用安装上去了,打开应用是白板一个,如下解决方案:

设置权限里面的显示悬浮窗,这里注意是关闭悬浮窗后,应用为白板状态,需要彻底退出后在进入才会正常。

6.摇晃手机弹出对话框,选择Dev Settings ,进入设置界面,点Debug server host & port for device 选项,输入您电脑上的IP地址加端口号,默认是8081。

7.退出应用在进入就会显示你的界面了。(要完全退出应用才行)

结语

简单的把环境搭起来,后续会尝试写简单的项目。

原创粉丝点击