Flutter 颤振-SingleChildScrollView修复小部件

可以将一个SingleChildScrollView放入一个支架中，该支架在SingleChildScrollView上有另一个不需要滚动的小部件。 例如，我有一个SingleChildScrollView，我需要在指定位置添加一个固定按钮，但这个按钮不需要滚动

我尝试使用堆栈小部件，但如果我在SingleChildScrollView之前添加按钮小部件，则无法单击此按钮；否则，如果我在SingleChildScrollView之后添加按钮，则滚动触摸不起作用

---

有人有什么问题吗？

现在我们了解了您想要实现的目标，可以使用堆栈小部件、ListView和使用Align小部件来定位包含要用作标题的小部件的容器：

Stack(
  children: <Widget>[
    ListView.builder(
      itemCount: 20,
      itemBuilder: (context, index) {
        return Container(
          child: Text('item $index'),
          height: 40,
          color: Colors.blueGrey,
          margin: EdgeInsets.all(14),
        );
      }
    ),
    Align(
      alignment: Alignment.topCenter,
      child: Container(
        margin: EdgeInsets.only(top: 20),
        alignment: Alignment.center,
        height: 30,
        width: 300,
        color: Colors.blue,
        child: Text('This is a title')
      ),
    ),
  ],
)

---

现在我们了解了您想要实现的目标，可以使用堆栈小部件、ListView和使用Align小部件来定位包含要用作标题的小部件的容器：

Stack(
  children: <Widget>[
    ListView.builder(
      itemCount: 20,
      itemBuilder: (context, index) {
        return Container(
          child: Text('item $index'),
          height: 40,
          color: Colors.blueGrey,
          margin: EdgeInsets.all(14),
        );
      }
    ),
    Align(
      alignment: Alignment.topCenter,
      child: Container(
        margin: EdgeInsets.only(top: 20),
        alignment: Alignment.center,
        height: 30,
        width: 300,
        color: Colors.blue,
        child: Text('This is a title')
      ),
    ),
  ],
)

---

Joao非常感谢你，我为我的应用程序制作了一个屏幕，向你解释我的问题。 这是我的应用程序，如您所见，我的徽标位于应用程序栏下方：

---

问题是我需要将我的徽标堆叠在文本下面这是我的应用程序栏

Joao非常感谢，我为我的应用程序制作了一个屏幕来解释我的问题。 这是我的应用程序，如您所见，我的徽标位于应用程序栏下方：

---

---

问题是我需要将我的徽标堆叠在文本This is my appbar下

是否希望SingleChildScrollView和按钮堆叠在一起，还是希望视图的一部分完全不滚动？你能举一个你想要实现的例子吗？我需要在SingleChildScrollView上有一个小部件被滚动阻止。请分享你尝试过的代码，我的答案在下面为你工作？你想SingleChildScrollView和按钮堆叠在一起吗，还是希望视图的一部分完全不滚动？你能给出一个你想要实现的例子吗？我需要在SingleChildScrollView上有一个小部件被滚动阻止。请分享你已经尝试过的代码，我的答案在下面为你工作？这是一个很好的解决方案，但银条列表顶部从银条的底部开始，我需要银条列表顶部是0@MassimoCaroccia很抱歉我不明白你的意思，我需要小片段列表顶部为0。以你为例，我已经测试过小片段列表位于小片段应用栏下方，我需要小片段列表位于应用栏下方。你可以使用底部导航栏来实现这一点。我已经在我的答案中添加了代码。如果您确实使用bottomNavigationBar属性，那么您可以使用普通的ListView而不是CustomScrollView。这是一个很好的解决方案，但是小片段列表顶部从小片段应用条的底部开始，我需要小片段列表顶部是0@MassimoCaroccia很抱歉我不明白你的意思，我需要小片段列表顶部为0。以你为例，我已经测试过小片段列表位于小片段应用栏下方，我需要小片段列表位于应用栏下方。你可以使用底部导航栏来实现这一点。我已经在我的答案中添加了代码。如果您确实使用bottomNavigationBar属性，那么您可以使用普通的ListView而不是CustomScrollView。因此，这与列表无关。你想把你的文本放在AppBar的图像上吗？没人，我需要一个小部件覆盖在SingleChildScrollView上。但是，当我向堆栈中添加SingleChildScrollView时，有些东西无法正常工作。如果在堆栈中，buttino小部件位于SingleChildScrollView的上方，我只能触摸按钮，并且SingleChildScrollView通过触摸锁定。否则，当按钮堆叠在SingleChildScrollView下时，我无法触摸该按钮。对我来说，这是一个bug，所以这与列表无关。你想把你的文本放在AppBar的图像上吗？没人，我需要一个小部件覆盖在SingleChildScrollView上。但是，当我向堆栈中添加SingleChildScrollView时，有些东西无法正常工作。如果在堆栈中，buttino小部件位于SingleChildScrollView的上方，我只能触摸按钮，并且SingleChildScrollView通过触摸锁定。否则，当按钮堆叠在SingleChildScrollView下时，我无法触摸该按钮。对我来说，这是一只飞舞的虫子

Scaffold(
  ...
  bottomNavigationBar: Container(
    alignment: Alignment.center,
    height: 50,
    child: Text('title')
  ),
)