Skip to content

Instantly share code, notes, and snippets.

@everaldo
Forked from erluxman/rectangularnotch.dart
Created May 25, 2020 23:02
Show Gist options
  • Save everaldo/6ec145591e02088a0ff525eccb361018 to your computer and use it in GitHub Desktop.
Save everaldo/6ec145591e02088a0ff525eccb361018 to your computer and use it in GitHub Desktop.

Revisions

  1. @erluxman erluxman created this gist Apr 28, 2020.
    59 changes: 59 additions & 0 deletions rectangularnotch.dart
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,59 @@
    import 'package:flutter/material.dart';

    void main() {
    runApp(MyApp());
    }

    class MyApp extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
    return MaterialApp(
    debugShowCheckedModeBanner: false,
    home: Scaffold(
    appBar: AppBar(
    title: const Text('Notched Rectangular Fab'),
    backgroundColor: Colors.indigo,
    ),
    floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
    floatingActionButton: FloatingActionButton.extended(
    backgroundColor: Colors.pink,
    onPressed: () {},
    icon: Icon(Icons.add),
    label: Text("Add TODO")),
    bottomNavigationBar: BottomAppBar(
    color: Colors.indigo,
    notchMargin: 6.0,
    shape: AutomaticNotchedShape(
    RoundedRectangleBorder(),
    StadiumBorder(
    side: BorderSide(),
    ),
    ),
    child: Padding(
    padding: const EdgeInsets.symmetric(horizontal: 8.0),
    child: new Row(
    mainAxisSize: MainAxisSize.max,
    mainAxisAlignment: MainAxisAlignment.spaceBetween,
    children: <Widget>[
    IconButton(
    icon: Icon(
    Icons.person_outline,
    color: Colors.white,
    ),
    onPressed: () {},
    ),
    IconButton(
    icon: Icon(
    Icons.info_outline,
    color: Colors.white,
    ),
    onPressed: () {},
    ),
    ],
    ),
    ),
    ),
    ),
    );
    }
    }