首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >处理React Native中Echarts图表不显示和缩小问题...

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

作者头像
做全栈攻城狮
发布2018-12-20 11:25:57
2.4K0
发布2018-12-20 11:25:57
举报

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}

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018.06.15 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1.1复制tpl.html文件
  • 1.2编辑index.js文件
    • React Native Echarts放大缩小问题解决方案:
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档