React-Native:安卓使用echart组件的时候不显示折线图和饼图

某个项目组用React-Native开发,最近过去帮着写业务,做曲线图的时候去网上找的Echart组件,在iOS里面运行没问题,但是在安卓上面运行没有折线图和饼图,解决办法是:

到以下目录下的index.js修改资源路径:

./node_modules/native-echarts/src/components/Echarts/index.js


1.添加引入

import { WebView, View, StyleSheet } from 'react-native';

改为

import { WebView, View, StyleSheet, Platform } from 'react-native';



2.设置新路径,添加一下路径常量:

const source = (Platform.OS == 'ios') ? require('./tpl.html') : {'uri':'file:///android_asset/tpl.html'};



3.修改source路径:

source={require('./tpl.html')}

改为

source={source}


参考链接:

https://github.com/somonus/react-native-echarts/issues/12

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • React Native优秀博客,以及优秀的Github库列表(很多英文资料源自于[awesome-react-n...
    董董董董董董董董董大笨蛋阅读 10,735评论 4 162
  • 持续更新中...... 一套企业级的 UI 设计语言和 React 实现。 https://mobile.ant....
    日不落000阅读 5,820评论 0 35
  • (一)H5、React Native、Native应用对比分析 文章来源:@王利华,vczerohttp://vc...
    时茶阅读 11,007评论 2 22
  • 浮生狗梦2 【小方】 [上接浮生狗梦1 ] 伊夏并没有跟我告别,更没有给我留下一封深情厚谊的信,虽然在她离开后的日...
    泰平阅读 202评论 0 3
  • 不顾躯体的习惯 想要为灵魂 寻找合适的港湾 远方 那个梦一样的地方 标注上美好的代名词 当你满怀欣喜踏上旅程 抵达...
    轻浅搁阅读 172评论 1 0