Skip to content

Instantly share code, notes, and snippets.

@erluxman

erluxman/rectangularnotch.dart

Created April 28, 2020 02:28
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save erluxman/fd442639bcaf84e14b31f70b00c48fe9 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save erluxman/fd442639bcaf84e14b31f70b00c48fe9 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. erluxman created this gist Apr 28, 2020.
    59 changes: 59 additions & 0 deletions rectangularnotch.dart
    View file
    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: () {},
    ),
    ],
    ),
    ),
    ),
    ),
    );
    }
    }