Can not autoLayout

I used swiper as the following code, and can not autoLayout when changed orientation

<View style={styles.container}>
                <View  style={{flex:1,alignItems:'flex-start'}}>
                    <Swiper>
                        {
                            this.props.navigation.state.params.data.images.map((img)=>{
                                return <Image source={img} style={{ flex:1, resizeMode:'contain', alignSelf:'center'}} key={img}/>
                            })
                        }
                    </Swiper>
                </View>
                <View style={styles.button_container}>
                    
                </View>
            </View>


 container: {
        flex: 1,
        flexDirection:'column'
    },
button_container: {
        flex: 0.1,
        flexDirection: 'row',
        alignItems: 'flex-start',
        justifyContent: 'space-around',
    }

Start by reproducing the supplied Swiper example in a React Native app and change the device orientation. Trace the layout behavior during that change; done means the Swiper and surrounding views automatically resize and reposition correctly in both orientations.