如何将数据从子状态小部件传递到 Flutter 中的父小部件答案

【问题标题】：How to pass data from a child Stateful widget to Parent Widget in Flutter如何将数据从子状态小部件传递到 Flutter 中的父小部件
【发布时间】：2022-01-16 06:31:26
【问题描述】：

我的颤振应用程序中有一个有状态的小部件“DayPicker”。相同的代码是：

class DayPicker extends StatefulWidget {
  @override
  _DayPickerState createState() =>
      _DayPickerState();
}

class _DayPickerState extends State<DayPicker> {
  final values2 = List.filled(7, false);
  @override
  Widget build(BuildContext context) {
    var ht = MediaQuery.of(context).size.height;
    return Column(
      mainAxisSize: MainAxisSize.min,
      children: <Widget>[
        SizedBox(
          height: ht / 40,
        ),
        Text(
          'Selected Day(s): ${valuesToEnglishDays(values2, true)}',
          style: TextStyle(fontSize: ht / 40, fontStyle: FontStyle.italic),
        ),
        WeekdaySelector(
          onChanged: (v) {
            setState(() {
              values2[v % 7] = !values2[v % 7];
            });
          },
          values: values2,
          selectedFillColor: Colors.amber,
          selectedColor: Colors.black,
          selectedShape: RoundedRectangleBorder(
            borderRadius: BorderRadius.circular(5),
          ),
          shape: RoundedRectangleBorder(
            side: BorderSide(color: Colors.red.withOpacity(0.5)),
            borderRadius: BorderRadius.circular(25),
          ),
        ),
      ],
    );
  }
}

此小部件用于选择星期几，如下所示：

我希望将天数列表传递给我的父小部件，即使用 DayPicker() 的小部件，以便我可以将此列表存储到 Firebase Firestore。我怎样才能做到这一点？在无状态小部件的情况下，有一种方法可以使用回调将数据从子级传递到父级，但我想知道在这种情况下如何传递数据。

【问题讨论】：

标签： flutter google-cloud-firestore widget

【解决方案1】：

这种情况也可以使用回调来处理。您需要像widget.callback(value) 一样使用它，它正在更改孩子的数据。运行下面的 sn-p 并自己检查一下。


class AppX extends StatefulWidget {
  final String province;
  const AppX({
    Key? key,
    required this.province,
  }) : super(key: key);

  @override
  State<AppX> createState() => _AppXState();
}

class _AppXState extends State<AppX> {
  double? sliderValue;
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: [
          Text("${sliderValue ?? 0}"), //handling null using defaul value
          Child(
            callback: (p0) {
              setState(() {
                sliderValue = p0;
              });
            },
          )
        ],
      ),
    );
  }
}

class Child extends StatefulWidget {
  const Child({
    Key? key,
    required this.callback,
  }) : super(key: key);

  final Function(double) callback;

  @override
  _ChildState createState() => _ChildState();
}

class _ChildState extends State<Child> {
  double _sliderValue = 0;

  @override
  Widget build(BuildContext context) {
    return Slider(
      value: _sliderValue,
      onChanged: (value) {
        widget.callback(value);
        setState(() {
          _sliderValue = value;
        });
      },
    );
  }
}

【讨论】：