Flutter Place Widget at Bottom of Screen

Hello friends, In today’s tutorial we would learn about the Align widget of flutter. Flutter provides us a individual widget to set alignment of our widgets. All we have to do is wrap the child widget into Align widget and set the alignment using its property and you see the magic. The align widget has 9 different properties. We will discuss them later in this tutorial. So in this tutorial we would learn about Flutter Place Widget at Bottom of Screen.

Contents in this project Flutter Place Widget at Bottom of Screen :-

1. Open your project’s main.dart file and import material.dart package.

2. Creating void main runApp() method and here we would call MyApp component.

3. Creating our main MyApp extends StatelessWidget class.

4. Creating a function named as onClick(). We would call this function on button click event.

5. Creating Widget Build area -> Here we would make our main Align widget with property Alignment.bottomCenter to put the Button widget at the bottom of screen.

6. Complete source code for main.dart file :-

Screenshot :-

Flutter Place Widget at Bottom of Screen

Leave a Reply

Your email address will not be published.