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:安卓使用echart组件的时候不显示折线图和饼图)