title: Notched BottomAppBar Flutter
body: <p>I am just getting started with flutter and I want to create a bottom appbar with a FAB and a notch.</p>
  
  <p>My Scaffold code is the following:</p>
  
  <pre><code>return Scaffold(
        appBar: AppBar(
  
          title: Text(widget.title),
        ),
        body: Center(
            mainAxisAlignment: MainAxisAlignment.center,
            children: &lt;Widget&gt;[
              Text(
                'You have pushed the button this many times:',
              ),
              Text(
                '$_counter',
                style: Theme.of(context).textTheme.display1,
              ),
            ],
          ),
        ),
        floatingActionButton: FloatingActionButton(
          onPressed: _incrementCounter,
          tooltip: 'Increment',
          child: Icon(Icons.add),
        ),
        bottomNavigationBar: BottomAppBar(
          shape: CircularNotchedRectangle(),
          color: Colors.blueGrey,
          notchMargin: 2.0,
          clipBehavior: Clip.antiAlias,
          child: BottomNavigationBar(items: [
            BottomNavigationBarItem(
                icon: Icon(Icons.cancel), title: Text("Title")),
            BottomNavigationBarItem(
                icon: Icon(Icons.cancel), title: Text("Title")),
          ]),
        ),
        floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
      );
  </code></pre>
  
  <p>However, this code doesn't show the notch. It does align the FAB and shows the elements in the app bar, but there is no notch.</p>