Image animation (changing images) didnt' work on IOS

Hi i try to animation image i have 2 images and i change it after 1 second in a loop but i don’t in ios frame change but image remain the same and in Android it works fine. Can any one help me? componentDidMount() {

setInterval(() => {
    var imageIndex = this.state.imageIndex+1;
      if (imageIndex >= animationImages.length) {
          imageIndex = 0;
      }
      this.setState({imageIndex:imageIndex})
    }, 1000);
}

above is how i run it in loop and below is how i change the image

<Image
                style={styles.happyCatContainer}
                source={animationImages[this.state.imageIndex]}/>

and this is how i declare images on top

const animationImages = [
        require('./Resources/onboarding_messages/happyCat1.png'),
        require('./Resources/onboarding_messages/happyCat2.png'),
    ]

this works in android but ios just frame updated image remain the same.

[asciiman]

The key was adding a “key”. 😃

<Image source={icon} key={icon} />

Now the image is reloading.

[facebook-github-bot]

@charpeni tells me to close this issue. If you think it should still be opened let us know why.