React Native ViewPagerAndroid使用小结

一、给定

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

});