React-Native:安卓使用echart組件的時候不顯示折線圖和餅圖

某個項目組用React-Native開發(fā),最近過去幫著寫業(yè)務(wù),做曲線圖的時候去網(wǎng)上找的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.設(shè)置新路徑,添加一下路徑常量:

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

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • React Native優(yōu)秀博客,以及優(yōu)秀的Github庫列表(很多英文資料源自于[awesome-react-n...
    董董董董董董董董董大笨蛋閱讀 10,693評論 4 162
  • 持續(xù)更新中...... 一套企業(yè)級的 UI 設(shè)計語言和 React 實現(xiàn)。 https://mobile.ant....
    日不落000閱讀 5,791評論 0 35
  • (一)H5、React Native、Native應(yīng)用對比分析 文章來源:@王利華,vczerohttp://vc...
    時茶閱讀 10,996評論 2 22
  • 浮生狗夢2 【小方】 [上接浮生狗夢1 ] 伊夏并沒有跟我告別,更沒有給我留下一封深情厚誼的信,雖然在她離開后的日...
    泰平閱讀 192評論 0 3
  • 不顧軀體的習慣 想要為靈魂 尋找合適的港灣 遠方 那個夢一樣的地方 標注上美好的代名詞 當你滿懷欣喜踏上旅程 抵達...
    輕淺擱閱讀 164評論 1 0