React Native ViewPagerAndroid使用小结

• Z时代
• 2024-01-10
• 分类：综合

一、给定

ViewPagerAndroid 的View 百分比高度来适配 各个屏幕 

onPageSelected回调选择后的page id

<View style={{width:'100%',height:'10%',backgroundColor:'#f00'}}/>
 <View style={styles.viewStyle}>
     <ViewPagerAndroid initialPage={0} style={styles.pageStyle} onPageSelected={this.onPageSelected}>
         <View >
             <Text>First Page!</Text>
         </View>
         <View style={{backgroundColor:"yellow"}}>
             <Text>Second Page!</Text>
         </View>
     </ViewPagerAndroid>
 </View>
 <View style={{width:'100%',height:'10%',backgroundColor:'#f00'}} />

const styles = StyleSheet.create({

pageStyle: {
    flex:1,
    alignItems: 'center',
    padding: 20,
    height:'80%',
    justifyContent:'center'
},
viewStyle:{
    width:'100%',
    height:'80%',
    backgroundColor:'#00f',
}

以上是 React Native ViewPagerAndroid使用小结 的全部内容， 来源链接： utcz.com/z/381575.html