How to add a Footer Buttons in Flutter?

This Article is posted by seven.srikanth at 15-08-2019 14:02:41

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.
Here is the code from main.dart file. 
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('Building Layouts with FLutter'),
body: Center(
child: Text(
'Hello Flutter Layouts',
style: TextStyle(fontSize: 24),
floatingActionButton: FloatingActionButton(
onPressed: () {
print('You clicked');
child: Icon(Icons.lightbulb_outline),
persistentFooterButtons: <Widget>[
icon: Icon(Icons.add), onPressed: () {},
icon: Icon(Icons.alarm), onPressed: () {},
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

Tags: Scaffold; persistentFooterButtons;

Login to comment.
Recent Comments

Be the first to Comment. You can ask a Query or Share your toughts or Just say thanks.

Recent Articles

Meme Generator with Flutter

Posted by theindianappguy on 25 Feb 2020 Tutorials

Flutter Scaffold Widget

Posted by themaaz32 on 05 Feb 2020 Tutorials

Flutter Tensorflow Tutorial

Posted by theindianappguy on 28 Jan 2020 Tutorials

Explicit Animations - RotationTransition in Flutter

Posted by seven.srikanth on 27 Jan 2020 Article

© 2018 - Fluttercentral | Email to me -