flutter - AlignParentBottom SingleChildScrollView 颤动中的小部件

Question

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

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

标签： flutterdartflutter-layout

Answer 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:(){},
                ),
              ),
            ),
          ],
        ),
    );
  }
}