Image flickers within Carousel when state is updated.

[crjc]

Images rendered within the carousel are flickering when state is updated within the component holding the carousel.

I am using iOS and the latest version of Expo.

When you have a carousel which has an Image or BackgroundImage returned by renderItem, the images will flicker when setState is used.

example:

const example: FC = () => {
    const [ value, setValue ] = useState(0);

    // update the state every second
    // this will cause the flicker.
    useEffect(() => {
        setTimeout(() => setValue(value + 1), 1000);
    }, [value]);

    return (
        <Carousel
             data={[1,2,3,4]}
             renderItem={() => <Image width={100} height={100} source={require('...someimage...')} />}
             width={100}
             loop={false}
        />
    );
};

[crjc]

I am able to reproduce on physical iOS devices, and on the Android simulator on this snack: https://snack.expo.dev/@crjc/flickery-image

Note, I'm not seeing the issue on the iOS simulator for the snack, but when I run it on my device the issue is visible.

[dohooo]

Ok let me see why…

[dohooo]

I am sorry that I have been busy recently. I am still paying attention to the problem and I will fix it as soon as possible, maybe this week.

[dohooo]

v1.0.5

THX! 🍺！！～