如何在滚动过程中保持某些元素不变(以及可滚动部分的上方)? 它是否需要位于SingleChildScrollView中?

为我的问题做了一个直观的例子:

我需要蓝色的部分是可滚动的,它后面的绿色部分,需要保持固定.

How to keep certain elements fixed during scrolling?

This is a simplified part of my code:

body: SingleChildScrollView(
          child: ListView(
            children: [
              Obx(()=>Container(THIS CONTAINER SHOULD STAY FIXED DURING SCROLL)),
              Obx(()=>Column(THIS PART SHOULD BE SCROLLABLE)),
              Obx(()=>Text(THIS PART SHOULD BE SCROLLABLE)),
              Obx(()=>Row(THIS PART SHOULD BE SCROLLABLE))
            ],
          )
        ),

推荐答案

如果您将ListView小部件和FixedContainer小部件放在一列中,它将起作用.

例如:

 Column(
    children: [
       Obx(()=>Container(THIS CONTAINER SHOULD STAY FIXED DURING SCROLL)),
       Expanded(
           child: ListView(
              Obx(()=>Column(THIS PART SHOULD BE SCROLLABLE)),
              Obx(()=>Text(THIS PART SHOULD BE SCROLLABLE)),
              Obx(()=>Row(THIS PART SHOULD BE SCROLLABLE)),
           ),
       ),
    ],
 )

Flutter相关问答推荐

如何增加容器高度?

在Flutter 动中绘制ECG图

如何在凌晨12点显示00:00(24小时格式)而不是在Flutter 中显示24:00

Flutter BLoC et workmanager:如何创建独特的仓库初始化模式?

try 使用fl_Chart of Ffltter,但在导入它时遇到以下错误:Error:';TextScaler';is;t a type

GetConnect Post API调用在Flutter Web中不起作用说:415不支持的媒体类型

如何确定Flutter 中的文本 colored颜色 ?

如何在Flutter Webview包中触发基于URL导航的事件

Android工作室Flutter 热重新加载更新后不工作

如何将带有参数的函数传递给FIFTH中的自定义小部件

当 Dart SDK 版本范围不匹配时,为什么依赖解析器不会抛出错误?

有没有办法在 google_map 上移动标记(向左或向右移动一些像素)?

更改底部导航栏下方 Flutter Snackbar 的位置

如何使用 Rrect 或类似工具在 flutter 中绘制梯形线?

SfCircularChart 周围的额外间距

如何在 Flutter 执行通知时运行后台代码?

Flutter RawMaterialButton 常量相对大小

Positioned 的宽度或 SizedBox 的宽度都不适用于堆栈小部件 - Flutter

在 Flutter 中,如何使用文本字段和方形图像进行行布局

Flutter 上Denim blue colored颜色 的 colored颜色 矩阵代码是什么?