AlignParentBottom a widget in SingleChildScrollView flutter

Question

I am trying to align a button at bottom of a scrollable screen. For scrolling I used SingleChildScrollView and inside which I added all the widgets. Now the only issue I face is the button is not sticking at the bottom on scroll. Help would be appreciated.

As you can see in the image, the buy now button and add to cart button aligned at bottom. If we scroll the entire page, the button will not be scrollable, instead it will be sticking at bottom. I want to implement in this way.

Answer 1

You can use an stack and put All the widgets except button as its First child and then the button as another child of stack. Below it the example code -

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