react-native webview android 上的坑
2017-05-11 本文已影响1648人
aae3ab7baf09
最近在做一个rn的项目,里面要生成分析图表,试过网上几个开源的rn chart组件 发现都不好用,后来自己就用webview 嵌了一段动态生成的基于g2的chart。
代码再ios上效果挺好的,但是放在android上死活没有效果。
经过不断删代码的二分法调试之后发现问题出在分号上,这是最近第二次被分号坑。
其实js不是并不需要分号,而是js引擎会自动把分号加上。一般判断加分号的逻辑是,该处为换行且语句结束处。也就是说你要让js引擎给你加上分号,你必须要换行。
rn 在android环境下的webView的html代码里的js 必须要自己写分号,js引擎并不会自动为你加上。
第二个问题:图表显示之后发现在android和ios上显示的大小不一样。调试半天之后发现:
是viewport的缩放问题,android 的webview默认了放大,而ios默认不缩放。
关于viewport https://www.cnblogs.com/2050/p/3877280.html