Graphical issue

[Crash--]

When I put several images inside a slider, I got a weird graphical behavior (see gif). Have you an idea on how avoid that?

 const pagesData = [
    {
      img: require('../../img/svg/vector_409_06.svg'),
      text: language('homeSlideOne'),
      left: true
    },
    {
      img: require('../../img/svg/vector_417_01.svg'),
      text: language('homeSlideTwo'),
      left: false
    },
    {
      img: require('../../img/svg/vector_409_13.svg'),
      text: language('homeSlideThree'),
      left: true
    },
    {
      img: require('../../img/svg/vector_410_16.svg'),
      text: language('homeSlideFour'),
      left: false
    }
  ];

  const pages = [];

  pagesData.map((element, index) => {
    pages.push(
      <SliderPage
        key={'Slide' + index}
        img={element.img}
        text={element.text}
        left={element.left}
      />
    )
  });
 return (
    <View style={{flex: 1}}>
        <Carousel style={{flex: 1}} bullets={true} autoplay={false}>
          {pages}
        </Carousel>
</View>