react-native-ViewPagerAndroid
2016-07-12 14:41
417 查看
ViewPagerAndroid:
允许子视图相互左右划动,每个ViewPager中的子视图都会当做一个单独的页面,并且会占用整个组件页面
1-:
2-:属性&方法
允许子视图相互左右划动,每个ViewPager中的子视图都会当做一个单独的页面,并且会占用整个组件页面
1-:
import React, {Component} from 'react'; import { AppRegistry, View, Text, ViewPagerAndroid, } from 'react-native'; class FristProject extends Component { render(){ return( <View> <ViewPagerAndroid style={{height:200,padding:20,alignItems:'center'}} initialPage={0}> <View style={{backgroundColor:'red'}}> </View> <View style={{backgroundColor:'yellow'}}> </View> </ViewPagerAndroid> </View> ); } } AppRegistry.registerComponent('FristProject', ()=>FristProject);
2-:属性&方法
initialPage:初始化索引页,可以通过setPage来更新页码,通过onPageSelected方法来监听页面滑动 keyboardDimissMode:设置拖拽滑动过程中是否需要显示键盘<enum:{none,ondarg}> onPageScroll():页面活动时执行,该方法会回调传入的event.nativeEvent对象,该对象有以下参数可以使用: -1:position <从左起的第一个可见页面的索引> -2:offset 值的范围为{0,1} 当前页面的切换状态 onPageScrollStateChanged():页面滚动发生变化时调用,有三种状态 -1:idle 和页面滚动没有任何交互 -2:dragging 拖动中,当前页面在滑动 -3:setting 存在页面拖拽或者滑动的交互
相关文章推荐
- Android App开发中ViewPager组件的入门使用教程
- 使用ViewPager实现高仿launcher左右拖动效果
- Android App中用Handler实现ViewPager页面的自动切换
- Android应用中使用ViewPager实现类似QQ的界面切换效果
- Android中ViewPager组件的基本用法及实现图片切换的示例
- 灵活使用Android中ActionBar和ViewPager切换页面
- Android实现千变万化的ViewPager切换动画
- Android中viewPager使用指南
- Android 使用 ViewPager循环广告位的实现
- Android中ViewPager实现滑动指示条及与Fragment的配合
- 详解Android App中ViewPager使用PagerAdapter的方法
- Android viewpager中动态添加view并实现伪无限循环的方法
- Android应用中使用ViewPager和ViewPager指示器来制作Tab标签
- Android ViewPager制作新手导航页(动态加载)
- 详解Android App中创建ViewPager组件的方法
- Android App中ViewPager与Fragment结合的一些问题解决
- 实现轮转广告带底部指示的自定义ViewPager控件
- 自定义RadioButton和ViewPager实现TabHost带滑动的页卡效果
- 实例讲解Android中ViewPager组件的一些进阶使用技巧
- Android 开发之BottomBar+ViewPager+Fragment实现炫酷的底部导航效果