RN在安卓上使用Echarts图片无法显示

70 阅读1分钟

使用第三方库 react-native-echarts-pro在展示Pic图表的时候,iOS没有问题,安卓无法显示。

经过过排查,由于formatter使用的function,在开启hermes时,formatter的值被编译成字节码,输入到webview的echarts时,导致echarts无法正常显示

我们项目是基于React Naitve 0.63,iOS没有使用hermes,所以能正常显示,而安卓开启了hermes所以无法显示。

解决办法: 开启react-native-echarts-pro组件的enableParseStringFunction属性,该属性可以可以将字符串的方法,解析成方法对象。

开启enableParseStringFunction之前:

formatter: function (value) {
    return '{name|' + value.data.name + '}\\n{time|' + value.data.time + ' 小时 }'
}

开启enableParseStringFunction之后:

formatter: `function (value) {
    return '{name|' + value.data.name + '}\\n{time|' + value.data.time + ' 小时 }'
}`

注意回车需要转义