ScrollView组件

属性:

ScrollView组件除了具有View组件的所有属性,还有如下自己独有的属性。

  • contentContainerStyle:用来定义ScrollView组件的容器样式;
  • horizontal:取值为:false和true。为true时,ScrollView的所有子组件将会水平排列;为false时,ScrollView组件的所有子组件将垂直排列。默认值是false。
  • KeyboardDismissMode:取值为:none、interactive、on-drag.它决定了ScrollView组件中过某个子组件调出软键盘后,是否允许通过拉软键盘这个手势让软键盘消失。none是不允许;on-drag表示在手势开始时,软键盘会消失;interactive表示键盘消失的动画会与手势进展交互对应,如果用户向上回拉。软键盘不会消失。android操作系统只支持none取值。
  • keyboardShouldPersistTaps:取值为:true和false。当为false时,在文本输入框外触按屏幕将会使软键盘消失。默认值时false。
  • onContentSizeChange:是一个回调函数。当ScrollView组件的容器View宽、高被改变时,这个回调函数将被执行。
  • onScroll:是一个回调函数。当ScrollView组件被滑动时,每一帧的画面改变都会触发一次此函数。可以通过设置scrollEventThrottle属性来控制回调的频率。
  • pagingEnable:取值为:true和false。默认值是false。当为true时,ScrollView组件中显示的内容在滑过整数倍的ScrollView宽、高时会停止滑动。这个特性可用来实现水平方向整页滑动。
  • removeClippedSubviews:取值为:true和false。默认值是true。当为true时,React Native框架通过使不在屏幕范围内的子View暂不处理计算而提高滑动效果体验。
  • contentContainerStyle:

RefreshControl组件:

RefreshControl是专门为ScrollView组件服务的组件。当ScrollView被拉到顶部(y:0)时,如果给ScrollView的refreshControl属性赋值一个RefreshControl组件,则会显示这个RefreshControl组件。开发者通常用它从网络获取最新数据,并在获取到最新数据后让RefreshControl组件消失。
RefreshControl支持View组件的所有属性,这意味着开发者可以按View组件的样式设置它的样式。

属性:

  • onRefresh:是回调函数,当ScrollView拉到顶部时,这个函数会被执行。
  • refreshing:取值为:false和true。用来设置当前是否应当显示RefreshControl组件。