非常教程

React native参考手册

Components: ViewPagerAndroid

ViewPagerAndroid

允许在子视图之间左右翻转的容器。每个孩子的意见ViewPagerAndroid将被视为一个单独的页面,并将延伸填补ViewPagerAndroid

重要的是所有的孩子都不<View>是复合组成部分。您可以像设置样式属性paddingbackgroundColor为每一个孩子。

例:

render: function() {
  return (
    <ViewPagerAndroid
      style={styles.viewPager}
      initialPage={0}>
      <View style={styles.pageStyle}>
        <Text>First page</Text>
      </View>
      <View style={styles.pageStyle}>
        <Text>Second page</Text>
      </View>
    </ViewPagerAndroid>
  );
}

...

var styles = {
  ...
  pageStyle: {
    alignItems: 'center',
    padding: 20,
  }
}

道具

ViewPropTypes道具...

initialPage?: number

应该选择的首页的索引。使用setPage方法更新页面,并onPageSelected监视页面更改

keyboardDismissMode?: enum('none', 'on-drag')

确定键盘是否因拖动而被解散。 - '无'(默认),拖动不会关闭键盘。 - '拖动',当拖动开始时,键盘被解除。

onPageScroll?: function

在页面之间转换时执行(由于所请求页面更改的动画或当用户在页面之间滑动/拖动时以太)event.nativeEvent此回调的对象将包含以下数据: - position - 当前可见的左侧第一页的索引 -偏移量 - 范围[0,1)的值,描述页面转换之间的阶段。值x表示在“位置”索引处的页面的(1-x)分数是可见的,并且下一页的x分数是可见的。

onPageScrollStateChanged?: function

当页面滚动状态改变时调用的函数。页面滚动状态可以处于3种状态: - 空闲,意味着当时没有与页面滚动器发生交互 - 拖动,意味着当前存在与页面滚动器的交互 - 解决,意味着与页面滚动器之间存在交互页面卷轴,页面卷轴现在正在完成关闭或打开动画

onPageSelected?: function

一旦ViewPager完成导航到选定页面(当用户在页面之间滑动时),将调用此回调。event.nativeEvent传递给此回调的对象将具有以下字段: - position - 已选择页面的索引

pageMargin?: number

在页面之间显示的空白区域。这仅在滚动时可见,页面仍然是边对边。

peekEnabled?: bool

是否启用显示peekFraction或不。如果这是真的,则在当前屏幕中将显示上一页和下一页的预览。默认为false。

scrollEnabled?: bool

如果为false,则内容不滚动。默认值是true。

类型定义

ViewPagerScrollState

类型:

$Enum

常量:

描述

拖延

解决

Components: ViewPagerAndroid相关

React native

React Native 是一个 JavaScript 的框架,用来撰写实时的、可原生呈现 iOS 和 Android 的应用。

主页 https://facebook.github.io/react-native/
源码 https://github.com/facebook/react-native
发布版本 0.49

React native目录

1.开始 | Getting Started
2.指南 | Guides
3.APIs
4.组件:ActivityIndicator | Components: ActivityIndicator
5.组件:按钮 | Components: Button
6.组件:CheckBox | Components: CheckBox
7.组件:DatePickerIOS | Components: DatePickerIOS
8.组件:DrawerLayoutAndroid | Components: DrawerLayoutAndroid
9.组件:FlatList | Components: FlatList
10.组件:图像 | Components: Image
11.组件:KeyboardAvoidingView | Components: KeyboardAvoidingView
12.Components: ListView
13.Components: MaskedViewIOS
14.Components: Modal
15.Components: NavigatorIOS
16.Components: Picker
17.Components: PickerIOS
18.Components: ProgressBarAndroid
19.Components: ProgressViewIOS
20.Components: RefreshControl
21.Components: ScrollView
22.Components: SectionList
23.Components: SegmentedControlIOS
24.Components: Slider
25.Components: SnapshotViewIOS
26.Components: StatusBar
27.Components: Switch
28.Components: TabBarIOS
29.Components: TabBarIOS.Item
30.Components: Text
31.Components: TextInput
32.Components: ToolbarAndroid
33.Components: TouchableHighlight
34.Components: TouchableNativeFeedback
35.Components: TouchableOpacity
36.Components: TouchableWithoutFeedback
37.Components: View
38.Components: ViewPagerAndroid
39.Components: VirtualizedList
40.Components: WebView
41.创建 | Contributing
42.指南(Android) | Guides (Android)
43.指南(IOS) | Guides (iOS)
44.其他 | Miscellaneous