Footer Buttons in flutter can be achieved by adding persistenFooderButtons properties to the Scaffold. In this post, I'm going to share the code to achieve the same.
Here is how the final output is going to look.
![](../../Uploads/2c643d2d-4ea7-49d1-af24-86828d56e40f.PNGwidth="50%height="autofont-size: 1rem;](
Here is the code from main.dart file.
color: rgb(212, 212, 212); background-color: rgb(30, 30, 30); font-family: Consolas, "Courier New", monospace; font-size: 14px; line-height: 19px; white-space: pre;](color: #569cd6;](import color: #ce9178;]('package:flutter/material.dart';
color: #569cd6;](void main() => runApp(MyApp());
color: #569cd6;](class MyApp color: #569cd6;](extends StatelessWidget { color: #569cd6;](@override Widget build(BuildContext context) { color: #569cd6;](return MaterialApp( home: Scaffold( appBar: AppBar( title: Text(color: #ce9178;]('Building Layouts with FLutter'), ), body: Center( child: Text( color: #ce9178;]('Hello Flutter Layouts', style: TextStyle(fontSize: color: #b5cea8;](24), ), ), floatingActionButton: FloatingActionButton( onPressed: () { print(color: #ce9178;]('You clicked'); }, child: Icon(Icons.lightbulb_outline), ), persistentFooterButtons: [ IconButton( icon: Icon(Icons.add), onPressed: () {}, ), IconButton( icon: Icon(Icons.alarm), onPressed: () {}, ), IconButton( icon: Icon(Icons.add_location), onPressed: () {}, ), ], ), ); }}
Hope this example will be useful to you.
If you are interest in an alternate way of achiving the same, here is another example [https://fluttercentral.com/Articles/Post/1140font-size: 1rem;](https://fluttercentral.com/Articles/Post/1140)
Thanks,Srikanth