AlignParentBottom SingleChildScrollView中的小部件颤动答案

【问题标题】：AlignParentBottom a widget in SingleChildScrollView flutterAlignParentBottom SingleChildScrollView中的小部件颤动
【发布时间】：2023-03-17 17:05:02
【问题描述】：

我正在尝试对齐可滚动屏幕底部的按钮。对于滚动，我使用了 SingleChildScrollView 并在其中添加了所有小部件。现在我面临的唯一问题是按钮没有粘在滚动的底部。帮助将不胜感激。

如图所示，“立即购买”按钮和“添加到购物车”按钮在底部对齐。如果我们滚动整个页面，按钮将无法滚动，而是停留在底部。我想以这种方式实现。

【问题讨论】：

按钮是并且必须在滚动视图内？就像你滚动你的小部件然后你在最后有一个按钮，或者你滚动你的列表但同时你在屏幕底部有一个按钮？你能分享一些代码吗？
请向我们展示您的代码并展示您想要实现的目标的图像/屏幕截图。
添加一张图片，说明我在寻找什么。请在问题区查看。

标签： flutter dart flutter-layout

【解决方案1】：

您可以使用堆栈并将除按钮之外的所有小部件作为其第一个子级，然后将按钮作为堆栈的另一个子级。下面是示例代码-

class MyNewApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {   
    return Scaffold(
        body: Stack(
          alignment: Alignment.center,
          children:[
            Container(
              height:MediaQuery.of(context).size.height,
              width:MediaQuery.of(context).size.width,
              child:SingleChildScrollView(
                child: Column(
                  // Provide Your Widget here                
                ),
              ),
            ),
            Positioned(
              bottom:0,
              child:Align(
                alignment:Alignment.center,
                child: RaisedButton(
                  child:Text("Button"),
                  onPressed:(){},
                ),
              ),
            ),
          ],
        ),
    );
  }
}

【讨论】：