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?