Панель инструментов Flutter (действия) с дочерними вкладками
Я новичок во Флаттере, и мне интересно, сможете ли вы помочь мне найти решение моей проблемы.
У меня есть эшафот с вкладками и я хочу сделать фильтр (кнопка действий) в главной панели приложений для управления вкладками.
И main, и child являются StatefulWidgets
вот мой код главной страницы:
Widget body = TabBarView(
controller: tabController,
children: <Widget>[
new First(filter: filter),
new Second(filter: filter);
new Third(filter: filter);
],
);
return Scaffold(
appBar: AppBar(
actions:[IconButton(icon: Icon(MdiIcons.filter),onPressed:
() {
// Send info to child
})],
bottom: new TabBar(
controller: tabController,
tabs: <Tab>[
new Tab(text:"Tab1"),
new Tab(text:"Tab2"),
new Tab(text:"Tab3")
],
body: new Builder(builder: (BuildContext context) {
_scaffoldContext = context;
return body;
}));
));
Детская страница:
Widget body = Text("Filter name here");
return Scaffold(
body:
new Builder(
builder: (context) {
snack = new DisplaySnackBar(context: context);
return body;
}),
);
}
Я не знаю, куда поместить действия панели приложений, чтобы текст на теле ребенка изменился с главной страницы.
1 ответ
Решение
Я нашел решение, сделав свой родительский виджет InheritedWidget, чтобы я мог получить доступ к его данным из дочернего элемента.
Вот пример:
class MyStatefulWidget extends StatefulWidget{
@override
MyStatefulWidgetState createState() => MyStatefulWidgetState();
static MyStatefulWidgetState of(BuildContext context){
return (context.inheritFromWidgetOfExactType(_MyInheritedStateContainer) as _MyInheritedStateContainer).data;
}
}
class MyStatefulWidgetState extends State<MyStatefulWidget>{
String variableCalledHello = "Hello World";
@override
void initState() {
super.initState();
}
@override
Widget build(BuildContext context) {
return new _MyInheritedStateContainer(data:this,child:/* Body here */);
}
}
class _MyInheritedStateContainer extends InheritedWidget{
_MyInheritedStateContainer({
Key key,
@required Widget child,
@required this.data,
}) : super(key: key, child: child);
final MyStatefulWidgetState data;
@override
bool updateShouldNotify(_MyInheritedStateContainer oldWidget) {
return true;
}
}
и для каждого ребенка:
тебе просто нужно позвонить MyStatefulWidgetState state = MyStatefulWidgetState.of(context);
пример:
@override
Widget build(BuildContext context) {
MyStatefulWidgetState state = MyStatefulWidgetState.of(context);
print(state.variableCalledHello);
return /* Container ... */;
}
Надеюсь, что это поможет кому-то решить его проблему.
Благодарю.