码迷,mamicode.com
首页 > 其他好文 > 详细

ScrollView

时间:2019-01-07 10:34:20      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:fresh   颜色   模块   direct   .com   nta   显示   ati   锁定   

react-native 的 一个滑动容器的组件,不用像FlatList那样的固定形式的循环添加,

而是非常任性的添加模块,可以自己想加成什么样子就加成什么样子的一个原生

组件,非常好用,不亚于FlatList,里面有许多的属性来设置该组件的样式,当然

里面也是可以添加一个FlatList组件,所以要注意的有:

  • 不要给 ScrollView 中不要加 [flex:1]
  • 直接给该 ScrollView 设置高度(不建议),因为它会根据内部组件自动延伸自己的尺寸到合适的大小
  • keyboardDismissMode:用户拖拽滚动视图的时候,是否要隐藏软键盘  {
    • none(默认值),拖拽时不隐藏软键盘
    • on-drag 当拖拽开始的时候隐藏软键盘
    • interactive 软键盘伴随拖拽操作同步地消失,并且如果往上滑动会恢复键盘。安卓设备上不支持这个选项,会表现的和none一样。
    }
  • refreshControl:指定RefreshControl组件,用于为ScrollView提供下拉刷新功能
  • showsHorizontalScrollIndicator:当此属性为true的时候,显示一个水平方向的滚动条
  • removeClippedSubviews:(实验特性)当此属性为true时,屏幕之外的子视图(子视图的overflow样式需要设为hidden)会被移除。这个可以提升大列表的滚动性能。默认值为true
  • showsVerticalScrollIndicator:当此属性为true的时候,显示一个垂直方向的滚动条
  • alwaysBounceHorizontal:当此属性为true时,水平方向即使内容比滚动视图本身还要小,也可以弹性地拉动一截。当horizontal={true}时(默认值为true)否则为false
  • endFillColor:有时候滚动视图会占据比实际内容更多的空间。这种情况下可以使用此属性,指定以某种颜色来填充多余的空间,以避免设置背景和创建不必要的绘制开销。一般情况下并不需要这种高级优化技巧
  • directionalLockEnabled:当值为真时,滚动视图在拖拽的时候会锁定只有垂直或水平方向可以滚动。默认值为false
  • centerContent:当值为true时,如果滚动视图的内容比视图本身小,则会自动把内容居中放置。当内容比滚动视图大的时候,此属性没有作用。默认值为false
  • scrollsToTop:当此值为true时,点击状态栏的时候视图会滚动到顶部。默认值为true

等等相关属性,让你的App更完美。 

技术分享图片

 本人做了好几个,给你们看一个就够了吧,亲!

 

ScrollView

标签:fresh   颜色   模块   direct   .com   nta   显示   ati   锁定   

原文地址:https://www.cnblogs.com/lxdlovelxj/p/10231315.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!