美文网首页
react-native webview android 上的坑

react-native webview android 上的坑

作者: aae3ab7baf09 | 来源:发表于2017-05-11 14:08 被阅读1648次

    最近在做一个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

    相关文章

      网友评论

          本文标题:react-native webview android 上的坑

          本文链接:https://www.haomeiwen.com/subject/xkyotxtx.html