Я новичок в флаттере и пытаюсь создать приложение, в котором в качестве основного маршрута используется виджет с отслеживанием состояния TabScreen, содержащий Scaffold. Тело Scaffold строится на основе выбранного индекса из bottomNavigationBar, что отлично работает. Моя проблема — это управление действиями AppBar. AppBar должен иметь разные действия для каждого «основного экрана», но действия влияют на данные, которые находятся внутри разных основных экранов.
Например: внутри класса Screen1 у нас есть переменная List list1. Для Screen1 AppBar должен предоставить опцию Clear list1, чтобы удалить все элементы list1, но на Screen2 он должен предоставить опцию Clear Screen2 list.
Моя идея — создать новый класс AppBar, импортировать его в мои классы Screen1, Screen2, Screen3, а также создать и настроить appBars внутри этих экранов, как описано в это сообщение. Есть ли способ, как я могу определить не только тело, но и AppBar в моем классе Screen1 и вернуть их оба в родительский элемент TabScreen? Я думаю, что это было бы самым простым решением, но я не знаю, как это сделать лучше.
class _TabScreenState extends State<TabScreen> { int _selectedPageIndex; final List<Map<String, Object>> _pages = [ { ‘page’: Screen1(), ‘title’: ‘Screen1’, }, { ‘page’: Screen2(), ‘title’: ‘Screen2’, }, { ‘page’: Screen3(), ‘title’: ‘Screen3’, }, ]; @override Widget build(BuildContext context) { final appBar = AppBar( title: Text(‘Screen X’), actions: [ PopupMenuButton( onSelected: (selectedValue) { setState(() { if (selectedValue == 0) { filterOn = true; Provider.of<Screen1Data>(context, listen: false).clear(); } else { Provider.of<Screen1Data>(context, listen: false).reset(); filterOn = false; } }); }, icon: Icon(Icons.more_vert), itemBuilder: (_) => [ PopupMenuItem(child: Text(‘Reset’), value: 0), PopupMenuItem( child: Text(‘Clear List’), value: 1), ], ), ], ); return Scaffold( appBar: appBar, body: _pages[_selectedPageIndex][‘page’], bottomNavigationBar: bottomBar, ); }
Контент Screen1 может выглядеть так:
class Screen1 extends StatefulWidget { @override _Screen1State createState() => _Screen1State(); } class _Screen1State extends State<Screen1> { List<String> list1; @override Widget build(BuildContext context) { return Text(list1[0]); } }
Источник: