Comments (8)
@Jay2009 Below is what we've done as a workaround for now. It's not ideal but might help you (as long as you don't need react-native-skia for anything bar react-native-echarts on iOS).
@shopify/react-native-skia 0.1.234 is the last version that will render text in react-native-echarts. That version will crash/lock up an iOS app on RN 0.73.8 (the version of RN we're using, I haven't tried 0.74.x yet) but seems to work fine on Android. We want Skia rendering for slow Android devices as it's faster than SVG rendering. The iOS devices will use SVG rendering for now (since they have generally stronger performance).
How to set this up:
- Downgrade @shopify/react-native-skia to 0.1.234 in your
package.json
. - Disable auto-linking of the module on iOS only by putting the following in your
react-native.config.js
(there's no point linking it if we can't use it):
module.exports = {
dependencies: {
'@shopify/react-native-skia': {
platforms: {
ios: null
}
}
}
}
- Update our React component to use either
SkiaChart
orSvgChart
depending on platform:
const SomeComponent = () => {
const PlatformSpecificChartTag = Platform.OS === 'ios' ? SvgChart : SkiaChart
return <PlatformSpecificChartTag option={...} etc />
}
from react-native-echarts.
use rnsvg or lower version of rnskia
from react-native-echarts.
from react-native-echarts.
use rnsvg or lower version of rnskia
I switched to SvgChart and it worked, but is there any implication I should be aware of?
Thank you.
Yes, I'm aware. SvgCharts works but it's slow to respond to gestures. That's why I explicitly need SkiaChart to work.
from react-native-echarts.
Now that react-native-skia have documented that text in ImageSVG tags is not going to be supported could we add that to the known issues on #16?
from react-native-echarts.
Shopify/react-native-skia#2404
from react-native-echarts.
use rnsvg or lower version of rnskia
I switched to SvgChart and it worked, but is there any implication I should be aware of?
Thank you.
from react-native-echarts.
@nipunadodan yes I am having exactly same issue with you.
so any solution yet?
from react-native-echarts.
Related Issues (20)
- New architecture support HOT 1
- App is crashing while using Skia chart or Svg Chart on click on chart and the chart is not loading. HOT 13
- Please merge feat/react-native-73 to be able to use Expo 50 which is not working HOT 4
- Add Support for Comparison Series in Line/Area Charts HOT 7
- Line Chart Incorrectly Renders for Series with Different Date Ranges
- Problem (most likely with opacity) rendering legend, line chart, axes scales and tooltip coordinates. HOT 23
- Warning HOT 3
- 升级新版本 react-native-reanimated,RNGestureHandler.js 报错了
- Chart becomes very slow when rendering large volume of data HOT 4
- Text is not visible on tooltip HOT 4
- markarea cannot use
- series中clip无效,数据过大依然会绘制到超出区域
- [Question] Is this RN 74 / Expo 51 ready? HOT 1
- ReferenceError: Property 'document' doesn't exist HOT 4
- I am unable to use only react-native-svg only It is giving error to install @shopify/react-native-skia also but I want to use react-native-svg only HOT 1
- I am using the react-native-echarts component in the flatlist and it is not scolling when I am putting two fingers then it is scrolling in android HOT 1
- Tooltip设置为html或者richText均无效 HOT 1
- 折线图 图例问题
- Disable moveOnMouseMove when 1s long press HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-native-echarts.