已经发现的bug或者问题
- Android不支持shadow属性;
- Animated.Image的borderRadius不生效;
- setNativeProps无法修改图片的source;
- 没有直接设置组件显示与隐藏的属性,只能变相实现;
- require加载图片不能是变量或者拼接的字符串;
- require加载json也是一样,也不支持动态加载;
- 图片拉伸时默认效果是cover,而不像html中的stretch;
- 开启远程调试时动画非常卡,甚至可以说卡到看不到动画效果;
debug模式和release模式的区别
JS引擎的不同
原文见这里:
- 在iOS、Android的模拟器或是真机上,React Native使用的是JavaScriptCore,也就是Safari所使用的JavaScript引擎。但是在iOS上JavaScriptCore并没有使用即时编译技术(JIT),因为在iOS中应用无权拥有可写可执行的内存页(因而无法动态生成代码)。
- 在使用Chrome调试时,所有的JavaScript代码都运行在Chrome中,并且通过WebSocket与原生代码通信。此时的运行环境是V8引擎。
JSON解析时的编码问题
有如下简单的JSON文件,UTF-8编码,内容没有中文,并且header设置了application/json;charset=UTF-8
:
{
"update": true,
"url": "http://192.168.191.1/update/bundle.zip"
}
加载代码如下:
fetch('http://192.168.191.1/update/check_update.json')
.then((response) => response.json())
.then((json) => alert(json))
.catch((error) => alert('错误:'+error));
debug模式下没有任何问题,但是打成release包时却报错:
代码改成这样也一样:
fetch('http://192.168.191.1/update/check_update.json')
.then((response) => response.text())
.then((text) => JSON.parse(text))
.catch((error) => alert('错误:'+error));
最后把文件改成ANSI编码就没问题了,真是醉了!
热更新问题
更新index.android.bundle
必须打成release包并重启才能看到效果。