Flutter 可滚动容器答案

【问题标题】：Flutter Scrollable ContainerFlutter 可滚动容器
【发布时间】：2022-01-04 15:31:26
【问题描述】：

我想构建这个特定的 UI，我不认为这是顶部的 AppBar。我认为它是一个容器，顶部随屏幕滚动，但带有文本的容器滚动。让我知道是否有人可以帮助我实现这一目标。

【问题讨论】：

你能把你迄今为止尝试过的内容包括进来

标签： flutter flutter-layout flutter-animation

【解决方案1】：

使用 Singlechildscrollview 及其属性 scrollDirection 包装您的 Container。就是这样。你的工作完成了！

Make scrollable Text inside container in Flutter

【讨论】：

【解决方案2】：


class PageName extends StatefulWidget {
  const PageName({Key? key}) : super(key: key);

  @override
  _PageNameState createState() => _PageNameState();
}

class _PageNameState extends State<PageName> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('title'),
        actions: [
          IconButton(icon: Icon(Icons.close), onPressed: () {
            Navigator.pop(context);
          }),
        ],
      ),
      body: ListView(
        children: [
          // your children
        ],
      ),
    );
  }
}

或者，如果您将主体作为 1 个小部件，则可以使用 SingleChildScrollView

      body: SingleChildScrollView(
        child: YourBodyWidget(),
      ),

【讨论】：