ScrollView

Posted 2021-02-01 lxdlovelxj

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更完美。 

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