关于native-echarts在手机上不显示问题

本文介绍了解决ECharts在React Native环境下不显示的方法,包括将tpl.html文件复制到特定目录及修改Echarts组件源码,确保跨平台正确加载。

1)安装后居然echarts不显示,但是在模拟器中是显示的,也是从网上找的

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

有时候main下如果没有assets文件夹,则需要自己建一个

1.2)修改 node_modules/native-echarts/src/components/Echarts/index.js文件

第二行改成

import { WebView, View, StyleSheet,Platform  } from 'react-native';
把WebView中的source={require('./tpl.html')} 改成下面的,需要加Platform

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


 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值