react-native-echarts 安卓版打包后,部分手机图表不显示问题

最新推荐文章于 2023-09-20 17:51:43 发布

Mr.Gu

最新推荐文章于 2023-09-20 17:51:43 发布

阅读量380

点赞数

文章标签： javascript 移动开发 ViewUI

原文链接：http://www.cnblogs.com/bruce-gou/p/9271969.html

版权

1. 找到 node_modules\native-echarts\src\components\Echarts\tpl.html 文件，把它复制到 (android\app\src\main\assets) 目录下

tpl.html 加上

<meta name="viewport" content="width=device-width, initial-scale=1">

2. 修改 node_modules\native-echarts\src\components\Echarts\index.js

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';

转载于:https://www.cnblogs.com/bruce-gou/p/9271969.html

关注