ReactNative学习笔记--ScrollView

ReactNative学习笔记--ScrollView

ScrollView和ListView是ReactNative的UI部分使用频率最高的的两个重要组件，在这里总结一下ScrollView的重要的知识点。

属性

keyboardShouldPersistTaps bool

当此属性为false的时候，在软键盘激活之后，点击焦点文本输入框以外的地方(包括同一界面的其他输入框，只要是焦点以外的地方)，键盘就会隐藏。如果为true，滚动视图不会响应点击操作，并且键盘不会自动消失。默认值为false。

horizontal bool

此属性设置排列方向，当此属性为true的时候，所有的的子视图会在水平方向上排成一行，默认(false)的在垂直方向上排成一列。

onScroll function

在滚动的过程中，每帧最多调用一次此回调函数。调用的频率可以用scrollEventThrottle属性来控制。这个方法最常用于逐帧的获得ScrollView的偏移量，来实现某些特效，例如界面的某个组件的高度动态变化。此方法调用的频率可以用scrollEventThrottle属性来控制，
当scrollEventThrottle属性值设置比较低时，对位置比较敏感，会多次触发onScroll，该属性默认为0。

showsHorizontalScrollIndicator bool 显示水平滚动条
showsVerticalScrollIndicator bool 显示竖直滚动条

scrollTo({ x: number, y: number, animated: boolean })
滚动到指定的x, y偏移处。第三个参数为是否启用平滑滚动动画。
例:scrollTo({x: 0, y: 0, animated: true})

contentInset --- ios

内容范围相对滚动视图边缘的距离，可以如下设置
{top: number, left: number, bottom: number, right: number} {{bottom:num}}||{{top:num}}

pagingEnabled 如果为true，滚动视图的滚动视图大小的倍数滚动时停止。这可用于水平分页。默认值false。

注意：

1. 在与TextInput结合使用的时候有诸多坑需要谨慎，例：键盘遮挡输入框；多输入框轮换输入不收回键盘，点击其他部分不属于输入框的部分收回键盘的矛盾等。
   1. 与ScrollView偏移量的相关效果，需要注意onScroll方法的使用，和组件的刷新，设置不当会严重影响刷新效率，以后会总结。