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。
注意:
来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/4259/viewspace-2807533/ ,如需转载,请注明出处,否则将追究法律责任。