Flutter Floating Action Button And Navigation Button

import 'package:flutter/material.dart';

void main() => runApp(MainApp());

class MainApp extends StatelessWidget {

  @override

  Widget build(BuildContext context) {

    return MaterialApp(

      home: HomePage(),

    );

  }

}

class HomePage extends StatefulWidget {

  @override

  _HomePageState createState() => _HomePageState();

}

class _HomePageState extends State<HomePage> {

  @override

  Widget build(BuildContext context) {

    return Scaffold(

      appBar: AppBar(

        title: Text('Title Bar'),

      ),

      bottomNavigationBar: BottomAppBar(

        shape: CircularNotchedRectangle(),

        notchMargin: 10.0,

        child: Row(

          mainAxisAlignment: MainAxisAlignment.spaceBetween,

          children: [

            IconButton(icon: Icon(Icons.menu), onPressed: null),

            IconButton(icon: Icon(Icons.search), onPressed: null),

          ],

        ),

      ),

      body: Center(

        child: Text('This Center'),

      ),

      floatingActionButton: FloatingActionButton(

        onPressed: null,

        child: Icon(Icons.add),

      ),

      floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,

    );

  }

}

Share on Google Plus

About Ram Pukar

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.