小编lyn*_*nxu的帖子

列内的可滚动容器

我尝试了几种不同的方法,但我无法让它发挥作用。我想要实现的布局非常简单,在原生 Android 中实现起来轻而易举:

  • 顶部固定容器(蓝色)
  • 下面的可滚动容器(红色)。ListView 在我的情况下不起作用。

我尝试使用SingleChildScrollView,但它似乎在Column. 也许我做错了什么,或者我没有使用正确的小部件......

我的结果:

在此处输入图片说明

Scaffold(
  body: Column(
    children: <Widget>[
      Container(
        height: 100.0,
        color: Colors.blue,
      ),
      SingleChildScrollView(
        child: Container(
          color: Colors.red,
          padding: EdgeInsets.all(20.0),
          child: Column(
            children: <Widget>[
              Text('Red container should be scrollable'),
              Container(
                width: double.infinity,
                height: 700.0,
                padding: EdgeInsets.all(10.0),
                color: Colors.white.withOpacity(0.7),
                child: Text('I will have a column here'),
              )
            ],
          ),
        ),
      ),
    ],
  ),
)
Run Code Online (Sandbox Code Playgroud)

listview dart flutter flutter-layout

27
推荐指数
2
解决办法
1万
查看次数

标签 统计

dart ×1

flutter ×1

flutter-layout ×1

listview ×1