Flutter基础篇（二十三）—— SingleChildScrollView

最新推荐文章于 2024-05-13 22:42:05 发布

很菜的前端

最新推荐文章于 2024-05-13 22:42:05 发布

阅读量2.7k

点赞数

分类专栏： Flutter 基础篇

本文链接：https://blog.csdn.net/weixin_41030302/article/details/102716889

版权

本文介绍了Flutter中的SingleChildScrollView组件，它用于实现可滚动效果。SingleChildScrollView只接受一个子组件，并可以通过属性设置滚动方向。当内容不超过屏幕时，可以使用它，但大量内容可能导致性能问题。

摘要由CSDN通过智能技术生成

`SingleChildScrollView`

SingleChildScrollView 只能接受一个子组件，定义如下：

SingleChildScrollView({
  this.scrollDirection = Axis.vertical, //滚动方向，默认是垂直方向
  this.reverse = false, 
  this.padding, 
  bool primary, 
  this.physics, 
  this.controller,
  this.child,
})

reverse —— 决定初始可滑动的方向，默认值取决于语言环境，如果将该属性改为 true ，那么初始可滚动方向就会被设置为当前语言环境阅读的反方向。
primary —— 是否使用 widget 树中默认的 PrimaryScrollController

需要注意的是，通过 SingleChildScrollView 只应在期望的内容不会超过屏幕太多时使用，因为它不支持基于 Sliver 的延迟实例化模型，所以如果内容过多会导致它的性能下降。

示例：将大写字母 A-Z 沿垂直方向显示。

class SingleChildScrollViewWidget extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    String str = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';