Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/dart/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Flutter 颤振:如何设置父窗口小部件的状态_Flutter_Dart - Fatal编程技术网

Flutter 颤振:如何设置父窗口小部件的状态

Flutter 颤振:如何设置父窗口小部件的状态,flutter,dart,Flutter,Dart,我想用子窗口小部件中的按钮更改父容器的颜色。 假设我有一个parentClass小部件和一个childClass小部件。具有动态颜色的容器位于父类中,按钮位于子类中。首先,容器是蓝色的,我想在点击按钮时将其变成红色 Color dynamicColor; class ParentClass extends StatefulWidget { ParentClass({Key key}) : super(key: key); @override _ParentClassState c

我想用子窗口小部件中的按钮更改父容器的颜色。 假设我有一个parentClass小部件和一个childClass小部件。具有动态颜色的容器位于父类中,按钮位于子类中。首先,容器是蓝色的,我想在点击按钮时将其变成红色

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();
  }
}