Как отформатировать BottomAppBar так, чтобы он располагался вокруг надрезанной кнопки «Плавающее действие» во флаттере?

Question

Мне удалось добавить крутую маленькую кнопку с плавающим действием на мой BottomAppBar, но у меня возникают проблемы с тем, чтобы значки распознавали существование кнопки с плавающим действием и располагали ее вокруг. Я пытался использовать .spaceAround и .spaceBetween для mainAxisAlignment, но они оба переполняют центральную кнопку слишком сильно. (Снимок экрана пользовательского интерфейса прилагается для справки)

Можно ли добавить атрибут или свойство выравнивания, которые бы освободили место для кнопки с плавающим действием?

void main() {
  runApp(
    MaterialApp(
      home: Scaffold(
        floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
        floatingActionButton: FloatingActionButton(
          child: const Icon(Icons.add),
          backgroundColor: Colors.deepOrange[600],
          onPressed: () {},
        ),
        bottomNavigationBar: BottomAppBar(
          shape: CircularNotchedRectangle(),
          notchMargin: 4.0,
          child: new Row(
            mainAxisSize: MainAxisSize.max,
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: <Widget>[
              IconButton(
                icon: Icon(Icons.pages),
                onPressed: () {},
              ),
              IconButton(
                icon: Icon(Icons.calendar_today),
                onPressed: () {},
              ),
              IconButton(
                icon: Icon(Icons.explore),
                onPressed: () {},
              ),
              IconButton(
                icon: Icon(Icons.account_circle),
                onPressed: () {},
              ),
            ],
          ),
        ),
      ),
    ),
  );
}