react-native的正确姿势

来源:互联网 发布:访问网站出现 php探针 编辑:程序博客网 时间:2024/05/16 07:49

最近在实习,公司要求学习react-native,搞了两天一直没能好好运行一个程序,从开始的环境搭建到初始化第一个项目各种问题,各种错误,网上也找不到解决方法(很想哭),今天下班以后,饭也没吃就回住的地方继续弄,终于成功了一次,先简单记录下,另加说明:我不保证这个方法一定成功,毕竟我也才成功了一次,我怕后面又出问题(感觉做开发好的设备还是挺重要,有钱了马上换装备),先把原文链接附上:http://www.zhimengzhe.com/Androidkaifa/27233.html

前面的环境搭建就不说了,我也是磕磕碰碰过来的,就说初始化一个项目并且运行的命令:
1.创建一个项目:react-native init AwesomeProject

2.在该项目下进入命令行,执行命令:react-native start
    并且能够使用浏览器访问
    http://localhost:8081/index.android.bundle?platform=android

3.在不关闭前面命令行的情况下,再打开一个命令行,输入命令:react-native run-android

4.第一次运行,需要在手机上打开开发者菜单,在dev settingsDebug server host & port for device中设置ip地址加端口号(端口号固定为8081),最后再重新reload,我的手机reload以后有出现白屏的情况,这是正常的(我查了下应该是首次加载rn都会有个白屏过程,等一段时间就好了)


这两天学习react-native很麻烦,主要是配置环境时,就把我搞蒙了,各种命令都不能运行,半天也搞不懂,环境变量是改来改去,而且很多错误网上查询也很难找到答案,往往一个错误代码搜索出来有很多种解释,等真正熟悉之后,争取从开始到运行一个项目仔细写出它的流程,方便以后学习的童鞋更好的入门,当然,现在我还是一个菜鸡~~

原创粉丝点击