BottomAppBar 中用于自定义 FAB 的缺口

我在用着UnicornDialer来自独角兽 https://pub.dartlang.org/packages/unicorndial包在我的应用程序主页上创建 Material 快速拨号体验，但如果我设置shape属性来定义凹口，则凹口未正确绘制：

我注意到另一个包裹上（颤振速度拨号 https://pub.dartlang.org/packages/flutter_speed_dial）这被明确提到为不起作用：

SpeedDial 小部件被构建为放置在浮动操作按钮中 Scaffold 小部件的参数。无法设置其 使用 Scaffold.floatingActionButtonLocation 参数的位置 尽管。可以与 Scaffold.bottomNavigationBar 一起使用，但是 浮动按钮将放置在栏上方，而没有 可以用凹口放置。

如果是UnicornDialer返回的小部件build方法是标准FloatingActionButton并浏览了代码Scaffold and BottomAppBar我不明白为什么凹口会这样损坏。

我曾尝试使用标准 FAB（但透明）来创建凹口，然后包裹Scaffold and UnicornDialer in a Stack定位一切，效果很好，但是当你展示SnackBar the UnicornDialer不动，所以我又需要BottomAppBar正确处理自定义 FAB 以进行缺口计算。有任何想法吗？

您需要用容器包装 UnicornDialer 并控制缺口边距， 请注意 notchMargin 可以取负值，

似乎底部AppBar凹口的渲染器无法从原始 UnicornDialer 正确计算贝西尔曲线。

您可以使用以下代码作为指导。运作良好

import 'package:flutter/material.dart';
import 'package:unicorndial/unicorndial.dart';

void main() =>
    runApp(new MaterialApp(debugShowCheckedModeBanner: false, home: Example()));

class Example extends StatefulWidget {
  _Example createState() => _Example();
}

class _Example extends State<Example> {
  @override
  Widget build(BuildContext context) {
    var childButtons = List<UnicornButton>();

    childButtons.add(UnicornButton(
        hasLabel: true,
        labelText: "Choo choo",
        currentButton: FloatingActionButton(

          heroTag: "train",
          backgroundColor: Colors.redAccent,
          mini: true,
          child: Icon(Icons.train),
          onPressed: () {},
        )));

    childButtons.add(UnicornButton(
        currentButton: FloatingActionButton(
            heroTag: "airplane",
            backgroundColor: Colors.greenAccent,
            mini: true,
            child: Icon(Icons.airplanemode_active))));

    childButtons.add(UnicornButton(
        currentButton: FloatingActionButton(
            heroTag: "directions",
            backgroundColor: Colors.blueAccent,
            mini: true,
            child: Icon(Icons.directions_car))));

    return Scaffold(

      floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
      bottomNavigationBar: new BottomAppBar(
        shape: CircularNotchedRectangle(),


        notchMargin: -10.0,

        color: Colors.blue,
        child: new Row(
          mainAxisSize: MainAxisSize.max,
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: <Widget>[
            IconButton(
              icon: Icon(Icons.menu),
              onPressed: () {},
            ),
            IconButton(
              icon: Icon(Icons.search),
              onPressed: () {},
            ),
          ],
        ),
      ),
      //floatingActionButton: FloatingActionButton(onPressed: (){}),
      floatingActionButton: Container(
        width: 100.0,
        height: 100.0,
        child: UnicornDialer(
            hasNotch: true,
            //hasBackground: false,
            backgroundColor: Color.fromRGBO(255, 255, 255, 0.0),
            parentButtonBackground: Colors.redAccent,
            orientation: UnicornOrientation.VERTICAL,
            parentButton: Icon(Icons.add),
            childButtons: childButtons),
      ),
      appBar: AppBar(),
      body: Container(

        child: Center(
          child: RaisedButton(
            onPressed: () {
              setState(() {});
            },
          ),
        ),
      ),
    );
  }
}