Динамическое создание контента при реализации TabBarView с bottomNavigationBar

Я работаю над изменением этого примера приложения Flutter на Flutter Challenge - Hidden Drawer Menu. Поскольку основной макет пользовательского интерфейса для панели приложения и тела находится в zoom_scaffold, я пытаюсь добавить TabBarView для навигации пользователя.

Ниже приведен zoomAndSlideContent, где я работаю над модификацией. Приложение отображает bottomNavigationBar Тем не менее у меня возникли проблемы с реализацией TabBarView, чтобы направить пользователя на связанный экран.

Кто-нибудь знает, как изменить этот код, чтобы я мог изменить представление, когда пользователь нажимает на вкладку навигации?

createContentDisplay () {
return zoomAndSlideContent(
    new Container(
      decoration: new BoxDecoration(
        image: widget.contentScreen.background,
      ),
      child: new Scaffold(
          backgroundColor: Colors.transparent,
          appBar: new AppBar(
            backgroundColor: Colors.transparent,
            elevation: 0.0,
            leading: new IconButton(
                icon: new Icon(Icons.menu),
                onPressed: () {
                  menuController.toggle();
                }
            ),
            title: new Text(
              widget.contentScreen.title,
              style: new TextStyle(
                fontFamily: 'bebas-neue',
                fontSize: 25.0,
              ),
            ),
          ),
          body: widget.contentScreen.contentBuilder(context),
          bottomNavigationBar: new Material(
            color: Colors.blue,
            // set the tab bar as the child of the bottom bar
            child: new TabBar(
              tabs: <Tab>[
                new Tab(
                  //set the icon
                  icon: new Icon(Icons.favorite),
                ),
                new Tab(
                  icon: new Icon(Icons.adb),
                ),
                new Tab(
                  icon: new Icon(Icons.airport_shuttle),
                )
              ],
              controller: controller,
            ),
          ),
      ),
    )
);
}

0 ответов

Другие вопросы по тегам