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,
}
};

我是新来的本地人。
我该如何解决？

React-native-swiper获得空白图片

0 个答案: