RN组件之ViewPagerAndroid

Posted 我想我是海~~

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了RN组件之ViewPagerAndroid相关的知识,希望对你有一定的参考价值。

一.ViewPagerandroid

  1.一个允许在子视图之间左右翻页的容器.每一个ViewPagerAndroid的子容器会被视作一个单独的页,并且会被拉伸填满

   ViewPagerAndroid.注意所有的子视图必须是纯View,而不能是自定义的复合容器.你可以给每个子视图设置样式属性

    譬如padding或backgroundColor.

  2.属性

    initialPage number :初始选中的页的下标.可以使用setPage函数来翻页,并且用onPageSelected来监听页的变化.

    keyboradDismissMode enum(‘none‘,‘on-drag‘):决定在滑动的时候是否要让软键盘消失.

                             none(默认值):拖拽不会让键盘消失.

                             on-drag:当拖拽开始的时候会让键盘消失.

    onPageScroll function:当在页间切换时(无论是由于动画还是由于用户在页间滑动/拖拽)执行.

                 回调参数中的event.nativeEvent对象会包含如下数据:

                  position:从左数起第一个当前课件的页面的下标.

                  offset :一个在[0,1)之间的范围,代表当前切换的状态.值x表示现在"position"所表示的页有

                      (1-x)的部分课件,而下一页有x部分可见.

    onPageScrollStateChanged function:页面滑动状态变化时调用此回调函数.页面滑动状态可能为以下三种之一:

                      idle:空闲,意味着当前没有交互

                      dragging:拖动中,意味着当前页面正在被拖动.

                      settling:处理中,以为当前页面发生过交互,且正在结束开头或收尾的动画.

    onPageSelected function:这个回调会在页面切换完成后(当用户在页面间滑动)调用.

                  回调参数中的event.nativeEvent对象会包含如下的字段:

                    position:当前被选中的页面下标.

以上是关于RN组件之ViewPagerAndroid的主要内容,如果未能解决你的问题,请参考以下文章

RN 使用第三方组件之react-native-image-picker

RN 使用第三方组件之react-native-image-picker(拍照/从相册获取图片)

RN之Image

React Native 之 TextInput(多个语法知识)

React Native组件之BackAndroid !安卓手机的物理返回键的使用

rn - 日历组件