RN 组件 ScrollView

RN 组件 ScrollView

@属性
contentContainerStyle —–内层容器的样式
horizontal —-默认为false,垂直滚动
keyboardDismissMode —–默认为none,用户拖拽是否隐藏软键盘;on-drag 当拖拽开始的时候隐藏软键盘;interactive 软键盘伴随拖拽操作同步地消失,并且如果往上滑动会恢复键盘。安卓设备上不支持这个选项,会表现的和none一样。
keyboardShouldPersistTaps —-默认为never,当前界面有软键盘,点击其他组件是否收起软键盘,’always’,键盘不会自动收起,ScrollView也不会捕捉点击事件,但子组件可以捕获。
‘handled’,当点击事件被子组件捕获时,键盘不会自动收起。这样切换TextInput时键盘可以保持状态。多数带有TextInput的情况下你应该选择此项
horizontal—–默认为false,默认是垂直视图
alwaysBounceVertical —-垂直方向弹性拉动一截,默认垂直视图为true,水平为false
onContentSizeChange —-(contentWidth, contentHeight) => {};可滚动内容的视图发生变化时调用
onMomentumScrollBegin —-滑动到停止开始滚动的回调
onMomentumScrollEnd —–滑动到停止时开始滚动结束的回调
pagingEnabled—-滚动到整数倍位置,默认为false
refreshControl —指定RefreshControl组件,用于为ScrollView提供下拉刷新功能。

 refreshControl={
    <RefreshControl
        refreshing={this.state.isRefreshing}
        onRefresh={this.refreshData.bind(this)}
        title={this.state.isRefreshing ? '刷新中....' : '下拉刷新'}
    />
}

removeClippedSubviews—-默认为true,屏幕之外的子视图(子视图的overflow样式需要设为hidden)会被移除。这个可以提升大列表的滚动性能。
scrollEnabled —–默认值为true,内容是否可滚动
showsHorizontalScrollIndicator —水平方向滚动条
showsVerticalScrollIndicator —–垂直方向滚动条
stickyHeaderIndices={[0,5]}—-一个子视图下标的数组,用于决定哪些成员会在滚动之后固定在屏幕顶端

猜你喜欢

转载自blog.csdn.net/snow51/article/details/80652800