16.8 C
Canberra
Saturday, February 28, 2026

iOS-only rendering failure in React Native – parts cease rendering over time (react-native-gifted-charts) [closed]


I’m seeing a progressive rendering failure on iOS in a React Native app that does not reproduce on Android.

Signs

  • Sure screens cease rendering fully after a number of navigations

  • react-native-gifted-charts line chart behaviour:

    • Initially renders accurately

    • Then renders partially

    • Ultimately doesn’t render in any respect

  • Android works constantly with the identical code and knowledge

Traits

  • No JS errors

  • No native crash

  • No purple display screen

  • Navigation nonetheless works

  • Structure containers mount, however kids don’t paint

  • Happens after repeated display screen mounts/unmounts

Stack

  • React Native: 0.79.6

  • iOS: 18.7.3

  • react-native-gifted-charts: ^1.4.64

  • Hermes: enabled

  • New structure: enabled

  • React Navigation with NavigationContaineriOS-only rendering failure in React Native – parts cease rendering over time (react-native-gifted-charts) [closed][! The chart is partially rendered]

    <LineChart
                    knowledge={knowledge}
                    overflowTop={25}
                    width={320}
                    isAnimated
                    xAxisColor="lightgray"
                    yAxisColor="lightgray"
                    hideRules={false}
                    hideYAxisText={false}
                    yAxisTextStyle={{ colour: colours.main, fontSize: 12 }}
                    xAxisTextStyle={{ colour: colours.secondary, fontSize: 12 }}
                    colour={colours.main}
                    thickness={2}
                    areaChart
                    curved
                    startFillColor="rgb(46,217,255)"
                    endFillColor="rgb(203,241,250)"
                    startOpacity={0.4}
                    endOpacity={0.1}
                    dataPointColor={colours.white}
                    dataPointSize={6}
                    xAxisLabelTexts={xAxisLabelTexts}
                    yAxisLabelWidth={50}
                    dataPointsHeight={6}
                    dataPointsWidth={6}
                    dataPointsColor="#07BAD1"
                    dataPointsRadius={3}
                    hideDataPoints={false}
                    textColor1="inexperienced"
                    textShiftY={-2}
                    textShiftX={-5}
                    textFontSize={13}
                    showTextOnDataPoints={true}
                    animationDuration={1200} />
    

Related Articles

LEAVE A REPLY

Please enter your comment!
Please enter your name here

[td_block_social_counter facebook="tagdiv" twitter="tagdivofficial" youtube="tagdiv" style="style8 td-social-boxed td-social-font-icons" tdc_css="eyJhbGwiOnsibWFyZ2luLWJvdHRvbSI6IjM4IiwiZGlzcGxheSI6IiJ9LCJwb3J0cmFpdCI6eyJtYXJnaW4tYm90dG9tIjoiMzAiLCJkaXNwbGF5IjoiIn0sInBvcnRyYWl0X21heF93aWR0aCI6MTAxOCwicG9ydHJhaXRfbWluX3dpZHRoIjo3Njh9" custom_title="Stay Connected" block_template_id="td_block_template_8" f_header_font_family="712" f_header_font_transform="uppercase" f_header_font_weight="500" f_header_font_size="17" border_color="#dd3333"]
- Advertisement -spot_img

Latest Articles