Flutter 颤振:如何设置父窗口小部件的状态
我想用子窗口小部件中的按钮更改父容器的颜色。 假设我有一个parentClass小部件和一个childClass小部件。具有动态颜色的容器位于父类中,按钮位于子类中。首先,容器是蓝色的,我想在点击按钮时将其变成红色Flutter 颤振:如何设置父窗口小部件的状态,flutter,dart,Flutter,Dart,我想用子窗口小部件中的按钮更改父容器的颜色。 假设我有一个parentClass小部件和一个childClass小部件。具有动态颜色的容器位于父类中,按钮位于子类中。首先,容器是蓝色的,我想在点击按钮时将其变成红色 Color dynamicColor; class ParentClass extends StatefulWidget { ParentClass({Key key}) : super(key: key); @override _ParentClassState c
Color dynamicColor;
class ParentClass extends StatefulWidget {
ParentClass({Key key}) : super(key: key);
@override
_ParentClassState createState() => _ParentClassState();
}
class _ParentClassState extends State<ParentClass> {
@override
void initState() {
super.initState();
setState(() {
dynamicColor = Colors.blue;
});
}
@override
Widget build(BuildContext context) {
return Column(
children: [
ChildClass(),
Container(
color: dynamicColor,
child: ...
)
],
);
}
}
class ChildClass extends StatefulWidget {
ChildClass({Key key}) : super(key: key);
@override
_ChildClassState createState() => _ChildClassState();
}
class _ChildClassState extends State<ChildClass> {
@override
Widget build(BuildContext context) {
return Container(
child: TextButton(
onPressed: () {
setState(() {
dynamicColor = Colors.red; // What I want to do
});
},
child: Text('Change parent container color'),
),
);
}
}
色彩动态色彩;
类ParentClass扩展StatefulWidget{
ParentClass({Key}):super(Key:Key);
@凌驾
_ParentClassState createState()=>\u ParentClassState();
}
类_ParentClassState扩展状态{
@凌驾
void initState(){
super.initState();
设置状态(){
dynamicColor=Colors.blue;
});
}
@凌驾
小部件构建(构建上下文){
返回列(
儿童:[
ChildClass(),
容器(
颜色:dynamicColor,
孩子:。。。
)
],
);
}
}
类ChildClass扩展StatefulWidget{
子类({Key}):超级(Key:Key);
@凌驾
_ChildClassState createState();
}
类_ChildClassState扩展状态{
@凌驾
小部件构建(构建上下文){
返回容器(
孩子:文本按钮(
已按下:(){
设置状态(){
dynamicColor=Colors.red;//我想做什么
});
},
子:文本(“更改父容器颜色”),
),
);
}
}
您可以在父窗口小部件上创建一个函数,并通过参数传递给子窗口小部件。
比如:
在小部件树上
CustomChild(function: () => delete()),
您的自定义小部件
class CustomChild extends StatelessWidget {
Function function;
CustomChild({this.function})
@override
Widget build(BuildContext context) {
return Container();
}
}
非常感谢你!如果我想向函数传递一个参数呢?您可以使用这个函数:(intid)=>delete(id)void delete(intid)async{setState((){dynamicColor=Colors.blue;});}
class CustomChild extends StatelessWidget {
Function function;
CustomChild({this.function})
@override
Widget build(BuildContext context) {
return Container();
}
}