开发平台:macOS 真机测试:Vivo Nex
这个是官网给出的问题总结链接:React Native的常见问题
以下是我个人初次接触React-Native后遇到的问题
错误一:
解决办法:
我之前其实有因为别的事情需要配置 ANDROID_HOME 环境变量,所以就想当然的直接跳过了。
结果其实并没有配置好,所以这个问题主要就是因为环境变量没有配置好导致的。
在"What went wrong:"里也有提到SDK location not found,所以遇到这个问题,可以重新检查一下环境配置。
------------------------------------------------
疑惑二:RN中刷新代码,Hot Reloading
关于这个"修改项目",我是VSCode打开的app.js文件,但是并没有理解这里面的意思,也不懂开发者菜单是什么,瞎操作一顿,当然以失败告终,也没有实现界面的更新。
然后是去官网问题合集中查找(Vivo Nex直接摇并没有卵用,但是我用同事的手机直接就可以)
后来发现还需要设置手机里的“悬浮框”,“后台弹出界面”两个权限打开。
到这一步已经可以看到开发者菜单了,选择开发者菜单中的“Enable Live Reload”可以开启自动刷新,
关于官网上的Hot Reloading 也在开发者菜单中,打开即可,
不过并不是所有的情况都适用,比如:
1.给资源文件res/drawable中添加图片;
2.更改了任何原生代码
以上情况必须重新编译才能使修改生效
其余的可以参考:官方调试文档
-----------------------------------------------------------------------------
记录三:
组件本身结构可以非常简单——唯一必须的就是在render
方法中返回一些用于渲染结构的 JSX 语句。
JSX——是一种在 JavaScript 中嵌入 XML 结构的语法。