一.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的更多相关文章

  1. RN组件备忘录

    1:ActivityIndicator:圆形的loading提示符号. 2:Button:按钮 3:FlatList:高性能列表组件,支持下拉刷新. 4:Image:图片组件,能显示 网络图片.静态资 ...

  2. RN组件之Navigator

    一.Navigator 1.使用导航器可以在应用的不同场景(页面)间进行切换.导航器通过路由对象来分辨不同的场景.利用renderScene方法,导航栏可以根据 指定的路由来渲染场景. 可以通过con ...

  3. RN组件之Switch与Picker

    一.Switch选择开关控件 1.该组件为Android/IOS通用的两种状态的开关组件 2.属性方法 (1)disabled bool:如果该值为true,用户就无法点击switch开关,默认为fa ...

  4. RN组件之ToolbarAndroid

    一.ToolbarAndroid 1.该组件封装了Android平台中的ToolBar组件(只适用于Android平台).一个ToolBar组件可以显示一个Logo图标 以及一些导航图片(例如:菜单功 ...

  5. RN组件之ScrollView

    一.ScrollView 该组件封装了Android平台的ScrollView(滚动组件),并且提供触摸事件"responder"系统功能.使用ScrollView的时候 确保有一 ...

  6. RN组件之ListView

    /** * Created by DaGuo on 2016/4/7. */ 'use strict' import React,{ Component, View, Text, ListView, ...

  7. RN组件可用属性整理

  8. RN组件的生命周期

    来自:http://www.devio.org/tags/#React%20Native

  9. React-Native组件样式合集

    最近在阅读RN的文档,但有一点深感遗憾的是——官方对绝大多数RN组件没有用Gif图或者静态图的方式呈现给大家. 所以我通过百度查询,一个一个的查到了这些RN组件的UI表现图,下面呈现给大家   阅前必 ...

随机推荐

  1. 【Hadoop】HIVE 小结概览

    一.HIVE概览小结 二.HIVE安装 Hive只在一个节点上安装即可 .上传tar包 .解压 tar -zxvf hive-.tar.gz -C /cloud/ .配置mysql metastore ...

  2. 【云计算】Dockerfile、镜像、容器快速入门

    Dockerfile.镜像.容器快速入门 1.1.Dockerfile书写示例 Dockerfile可以用来生成Docker镜像,它明确的定义了Image的生成过程.虽然直接修改容器也可以提交生成镜像 ...

  3. 部署Office Web Apps Server并配置其与SharePoint 2013的集成

    部署Office Web Apps Server并配置其与SharePoint 2013的集成   Office Web Apps Server 是新的 Office 服务器产品,它提供 Word.P ...

  4. firefox30浏览器,在使用quit()方法退出时,plugin-container.exe崩溃的问题

    如题,崩溃截图如下: 解决办法: 对于版本号大于29的firefox,需要在其安装目录下,删除plugin-container.exe,不然使用webdriver的quit()方法关闭浏览器时会报错. ...

  5. 1.2 中国象棋将帅问题进一步讨论与扩展:如何用1个变量实现N重循环?[chinese chess]

    [题目] 假设在中国象棋中只剩下将帅两个棋子,国人都知道基本规则:将帅不能出九宫格,只能上下左右移动,不能斜向移动,同时将帅不能照面.问在这样条件下,所有可能将帅位置.要求在代码中只能使用一个字节存储 ...

  6. 在windows下用cygwin和eclipse搭建cocos2dx的android开发环境

    在windows下用cygwin和eclipse搭建cocos2dx(2.1.4)的android开发环境,2013-8-1更新. 一.准备工作 需要下载和安装以下内容,请根据自己的操作系统选择x86 ...

  7. PHP负数判空

    2014年11月6日 10:08:09 $a = -1; $b = '-1'; $c = empty($a); $d = empty($b); var_dump($c, $d); // bool(fa ...

  8. chrome 插件

    SwitchySharp.crx SwitchyOmega.crx Readability_v3.0.15.crx Hackman.crx EditThisCookie_v1.4.1.crx AdBl ...

  9. 消息队列入门(四)ActiveMQ的应用实例

    >>部署和启动ActiveMQ 去官网下载:http://activemq.apache.org/ 我下载的是apache-activemq-5.12.0-bin.tar.gz, 解压到本 ...

  10. Git自动部署

    Git自动部署文件位于repository下面的hooks里的post-receive #!/bin/sh set -e git-update-server-info gitosis-run-hook ...