Charts rendering to many views and dragging performance

[ftaibi]

I dont have any issue with small data sets, but as soon as the data grows a bit theres up to 3000 and 6000 views sometimes and the performance of the app slow almost unresponsive

The data sets length is 300 points

    <LineChart
      data={sys}
      data2={dia}
      yAxisTextStyle={{color: text}}
      xAxisLabelTextStyle={{color: text}}
      width={width * 0.9}
      color1="skyblue"
      color2="orange"
      dataPointsColor1="skyblue"
      dataPointsColor2="orange"
      startFillColor1="skyblue"
      startFillColor2="orange"

    />

Check out the performance monitor

[ftaibi]

Hey Abhi could you consider using flat list to render the chart? in that case only the view on the screen will be rendered insteadd of all the chart. I patched the library and now I only have 400 view on the performance monitor.

[ftaibi]

I created a new bare react natvie project version 0.75 just two screens
Please check the demo see how navigating between screens is so slow

Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2024-08-16.at.13.16.41.mp4