Quantcast
Channel: Active questions tagged react-native+ios - Stack Overflow
Viewing all articles
Browse latest Browse all 17180

Render many charts without lags on React Native

$
0
0

I'need to show user feed with items where every item contain a chart.Now I use react-native-svg-charts:

<LineChart style={{ height: 150, position: 'relative', left: -20 }} data={data} curve={shape.curveNatural} svg={{ stroke: chartColor1, strokeWidth: 5 }} contentInset={{ top: 20, bottom: 20 }} showGrid={false} numberOfTicks={0} key={props.id}>

But when I load more then 50 items performance of the app fall down to 10-15 fps.

I think it because of many SVG's on page. Which solution do you think should I use to avoid this?


Viewing all articles
Browse latest Browse all 17180

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>