博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ScrollView
阅读量:4331 次
发布时间:2019-06-06

本文共 1188 字,大约阅读时间需要 3 分钟。

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

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

实际上 react-native  也是可以直接在线 数据可视化的 

 

转载于:https://www.cnblogs.com/lxdlovelxj/p/10231315.html

你可能感兴趣的文章
Linux常用命令大全
查看>>
修改文件所属组和用户
查看>>
C#登陆界面学习编写 2018.08.03
查看>>
AC日记——Little Elephant and Function codeforces 221a
查看>>
fork
查看>>
heart or house?
查看>>
python学习(三)
查看>>
《C#从现象到本质》读书笔记(八)第10章反射
查看>>
面向对象
查看>>
#error#错误原因:Cannot find executable for CFBundle 0x8ad60b0 (not loaded)
查看>>
【JavaScript】浅析javaScript和HTML与unicode字符集的关系
查看>>
Eclipse快捷键大全(转载)
查看>>
BI 底座——数据仓库技术(Data Warehouse)
查看>>
python的面向对象-类的数据属性和实例的数据属性相结合-无命名看你懵逼不懵逼系列...
查看>>
ACM学习历程—BestCoder 2015百度之星资格赛1004 放盘子(策略 && 计算几何)
查看>>
nginx代理服务
查看>>
HDU5183 hash 表
查看>>
Ambari修改主页面方法
查看>>
javascript学习笔记
查看>>
Nginx自带的变量
查看>>