处理React Native中Echarts图表不显示和缩小问题...

React Native APP进行打包之后,Echarts图标不显示问题解决方案:

1.1复制tpl.html文件

复制文件tpl.html(路径: node_modules\native-echarts\src\components\Echarts)
至android\app\src\main\assets目录下

1.2编辑index.js文件

路径:node_modules\native-echarts\src\components\Echarts

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

同时,
修改
import { WebView, View, StyleSheet } from 'react-native';

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

React Native Echarts放大缩小问题解决方案:

修改index.js文件中
scalesPageToFit={false}

scalesPageToFit={Platform.OS === 'android' ? true : false}

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

推荐阅读更多精彩内容