Динамическое создание контента при реализации 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,
),
),
),
)
);
}