一个有状态小部件中的状态方法从另一个有状态小部件中调用-Flutter

一个有状态小部件中的状态方法从另一个有状态小部件中调用-Flutter

要调用父函数，可以使用回调模式。在此示例中，函数（

onColorSelected

）传递给子级。当按下按钮时，孩子会调用该函数：

import 'package:flutter/material.dart';class Parent extends StatefulWidget {  @override  State<StatefulWidget> createState() {    return ParentState();  }}class ParentState extends State<Parent> {  Color selectedColor = Colors.grey;  @override  Widget build(BuildContext context) {    return Column(      children: <Widget>[        Container(          color: selectedColor,          height: 200.0,        ),        ColorPicker(          onColorSelect: (Color color) { setState(() {   selectedColor = color; });          },        )      ],    );  }}class ColorPicker extends StatelessWidget {  const ColorPicker({this.onColorSelect});  final ColorCallback onColorSelect;  @override  Widget build(BuildContext context) {    return Row(      children: <Widget>[        RaisedButton(          child: Text('red'),          color: Colors.red,          onPressed: () { onColorSelect(Colors.red);          },        ),        RaisedButton(          child: Text('green'),          color: Colors.green,          onPressed: () { onColorSelect(Colors.green);          },        ),        RaisedButton(          child: Text('blue'),          color: Colors.blue,          onPressed: () { onColorSelect(Colors.blue);          },        )      ],    );  }}typedef ColorCallback = void Function(Color color);

诸如按钮或表单字段之类的内部Flutter小部件使用完全相同的模式。如果只想调用不带任何参数的函数，则可以使用该

VoidCallback

类型来定义自己的回调类型。

---

如果要通知更高级别的父母，则可以在每个层次结构级别重复此模式：

class ColorPickerWrapper extends StatelessWidget {  const ColorPickerWrapper({this.onColorSelect});  final ColorCallback onColorSelect;  @override  Widget build(BuildContext context) {    return Padding(      padding: EdgeInsets.all(20.0),      child: ColorPicker(onColorSelect: onColorSelect),    )  }}

---

在Flutter中，不建议从父窗口小部件调用子窗口小部件的方法。相反，Flutter鼓励您将子代的状态作为构造函数参数传递下来。无需调用子方法，您只需调用

setState

父窗口小部件以更新其子方法。

---

一种替代的方法是

controller

在扑类（

ScrollController

，

AnimationController

，…）。这些也作为构造函数参数传递给子代，并且它们包含控制子代状态而不调用

setState

父代的方法。例：

scrollController.animateTo(200.0, duration: Duration(seconds: 1), curve: Curves.easeInOut);

然后要求孩子听这些更改以更新其内部状态。当然，您也可以实现自己的控制器类。如果需要，我建议您查看Flutter的源代码以了解其工作原理。

---

期货和流是传递状态的另一种选择，也可以用于调用子函数。

但是我真的不推荐。如果您需要调用子窗口小部件的方法，则很像您的应用程序体系结构存在缺陷。 尝试将状态提升到共同祖先！