React-Native Run-Android 一点心得2018-10-29

一、1.安装错误:

1.SDK找不到

原因:没有给环境变量中添加SDK的路径

解决方法:在环境变量中添加SDK的路径


React-Native Run-Android 一点心得2018-10-29_第1张图片
React-Native Run-Android 一点心得2018-10-29_第2张图片

2.搭建过程中出现"Could not find D:\androidTools\SDK\tools\adb.exe!"

原因:这是因为没有给环境变量中添加platform-tools的路径


React-Native Run-Android 一点心得2018-10-29_第3张图片

3.构建失败Unable to loadscript from assets 'index.android.bundle'

原因:在项目根目录里面没有找到assets文件

解决方法:第一步:首先切到我们工程的根目录下,然后在android/app/src/main目录下新建一个assets文件夹

第二步:同样需要在我们工程的根目录下,执行以下命令:

react-native bundle--platform android --dev false --entry-file index.js --bundle-outputandroid/app/src/main/assets/index.android.bundle --assets-destandroid/app/src/main/res

第三步:重新运行,在命令框中输入“React-Native run-android”

完成项目过程遇到的错误:

1.有时候只是简单的修改了一下JS文件,再次运行模拟器上却出现了“很抱歉,**已停止运行”

  原因:有一定几率是在使用过程当中IP改变

解决方法:在模拟器上再次修改IP,然后在命令框中重新运行(有些时候需要关闭模拟器重新开启进行修改)


React-Native Run-Android 一点心得2018-10-29_第4张图片

2.在需要View对整个屏幕进行分割时,在用大View包小View时,2个小View使用了flex标签,其值“1和2”,在模拟器上加载时出现了白屏

   原因:在使用“flex标签时”,没有对最大的View使用flex标签

   解决方法:给最外围的View加上flex标签


React-Native Run-Android 一点心得2018-10-29_第5张图片

3.在进行一些项目的时候,有时候会出现一些低端黄色错误,虽然不影响正常使用,但总是有些碍眼(不妨消除黄色使显得更加美观)

  原因:在使用React

Native时,编写JS代码,CSS格式的写法和一些标签并不能够继续在React Native中使用,或者是一些代码不够完整(比如设置了一个button却没有赋予它功能)

  解决方法:可以对不对能使用的CSS标签进行删除或者重新找寻一个具有同样功能却支持React Native的标签,对不完整的进行修改加上功能后就OK了


二、调试方法:

1.只是简单的修改了JS文件

     方法:模拟器上点摇一摇,选择Reload,重新加载JS文件即可

提示:如果你修改了native代码或修改了Images.xcassets、res/drawable中的文件,重新加载js是不行的,这时你需要重新编译你的项目了。


React-Native Run-Android 一点心得2018-10-29_第6张图片

三、如何在一个项目中切换运行不同的页面

  打开index.js文件修改里面文件名,将三个同时修改成你想要运行的页面名字即可


React-Native Run-Android 一点心得2018-10-29_第7张图片

你可能感兴趣的:(React-Native Run-Android 一点心得2018-10-29)