React-native-swiper получит пустое изображение

Question

Получил пустое изображение, возвращаемое на симуляторе, но автозапуск все еще может функционировать хорошо.
Вот мое изображение и полный код, и как я отобразил его на моем домашнем экране следующим образом:
Посмотреть слайд / / Посмотреть

Внутри SafeAreaView и ScrollView

мое изображение

const Slider = props => (
<View>
    <Image style={styles.container} source={props.uri}/>
</View>
)

const {width} = Dimensions.get('window').width

export default class extends Component {
constructor(props){
    super(props)
    this.state={
        imagesSlider :[
            require('../assets/images/D1.png'),
            require('../assets/images/D2.png'),
            require('../assets/images/D3.png')
        ] 
    }
}
 render() {
 return (
  <View style={{ position: 'absolute' }}>
    <Swiper
    autoplay
    height={200}
    width={width}


    containerStyle={{ alignSelf: 'stretch' }}
    >
    {
        this.state.imagesSlider.map((item, i)=> <Slider
        uri={item}
        key={i}
        />)
    }

    </Swiper>
  </View>
)
}
}

 const styles = {
 container: {
    flex: 1,
    justifyContent:'center',
    height:100
  },
image:{
    flex:1,
}
};

Я новичок, чтобы реагировать на родных.
Как я могу это исправить?