FullscreenDialog экран не закрывает нижнюю навигационную панель

Question

Как создать полноэкранный диалог, охватывающий мою нижнюю навигационную панель?

Мой основной экран выглядит следующим образом, где у меня есть нижняя навигационная панель, которая перемещается на три разных экрана.

@override
  Widget build(BuildContext context) {
    return new Scaffold(
      body: PageView(
        children: [new HomeTab(), new PresentationsTab(), new TestTab()],
        controller: _pageController,
        onPageChanged: pageChanged,
      ),
      bottomNavigationBar: new BottomNavigationBar(
        currentIndex: _page,
        onTap: tapBottomNav,
        items: [
          new BottomNavigationBarItem(
            icon: new Icon(Icons.home),
            title: new Text('Home'),
          ),
          new BottomNavigationBarItem(
            icon: new Icon(Icons.pregnant_woman),
            title: new Text('Presentation'),
          ),
          new BottomNavigationBarItem(
            icon: new Icon(Icons.pregnant_woman),
            title: new Text('Presentation'),
          )
        ],
      ),
    );
  }

И где-то яу меня есть экран, который переходит к другому экрану с флагом fullscreenDialog, установленным в true, как это.

  Navigator.push(
    context,
    new MaterialPageRoute(
      builder: (BuildContext context) => new AddAudio(),
      fullscreenDialog: true,
    ),
  );

На моей панели приложения я вижу, что флаг действительно работает, потому что моя стрелка на кнопке станет х, но моя нижняя навигационная панельвсе еще будет видно, как мне решить эту проблему?

Answer 1

Это, вероятно, ожидаемое поведение, вы должны нажать PageRoute (с PageRouteBuilder) и использовать пользовательский переход для анимации слайдов снизу вверх.