react native 图表实现方式总结

3,127 阅读1分钟

前言

在react native 中绘制图表,笔者目前了解到的实现方式大概有3种方式。

第一种是基于react-native-svg的实现,这种实现方式在交互上做起来有点恼火。但是胜在简单高效。

第二种方式是基于ios或者android原生的实现,这种方式在性能和交互上是更加优秀的。网上能找到的主流的实现方式,都是基于iso端-Charts MPAndroidChart的封装。

第三种借助WebView在页面中呈现html代码。一般比较推荐的是使用react-native-echarts。由于webView底层实现的问题,这种方式有一个无法避免的问题,有时候图表无法正常渲染。

基于svg的实现

原生实现

参考

stackoverflow.com/questions/3…