react-native笔记

来源:互联网 发布:哪个加油软件好 编辑:程序博客网 时间:2024/06/05 08:56

昨天开始配置环境,之前没接触过类似的,因为之前直接就在浏览器运行就可以了,今天这个时候终于调出来了,当然这对于大神来说很简单,对于我这种小白来说是战略性的进步,所以写个博客记录一下,怕以后用得到有忘了。

配置环境,我没有用哪个chocolatey,我觉得基本上有android sdk,java的jdk,还有模拟器,phython以及node就可以了。

还有一个重要的环节就是配置环境变量。

要新建一个变量ANDROID_PATH记得是大写,这个值就是你sdk的安装路径,还有就是要在path中的添加值即:你的sdk路径+tools和你的sdk路径+platform-tools;注意中间要用英文状态下的分号分隔。

下一步配置模拟器上的东西,我用的是genymotion其中要配置abd,选择下面的选项卡,然后值是sdk的路径。

配置结束之后可以新建一个模拟器,这个时间有点长,结束之后可以点击start你的模拟器就运行了,

下面新建一个react native项目,打开cmd到你想见项目的目录下,运行:1.react-native init 你的项目名

2,cd 你的项目名

3.react-native run-android

如果顺利的话你的模拟器就运行起来了,

但是我的项目并不顺利,接下来就是我查资料查了一天的问题:

本来命令行里显示成功了,但是模拟器里出现了红屏


就像这样unable to load script from assets 'index.android bundle'  ,make sure your bundle is packaged correctly or youu're runing a packa

看起来像是少文件,查了一天终于有人给出答案,首先在android/app/src/main下创建文件夹assets

然后运行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

然后运行react-native run-android就成功了!


默默的说一句不容易!

原创粉丝点击