如何将数据从子小部件传递到父小部件

Question

我看到了与我的问题类似的答案，例如 How to pass data from child widget to its parent ，但数据是通过 onPressed 事件传递的。如何在没有任何 onPressed 或 onTap 事件的情况下将数据从我的子小部件传递到父小部件。

代码

  class ParentWidget extends StatelessWidget {
  String? passedData;
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          ChildWidget(),
          Text(passedData != null ? passedData! : 'No data passed'),
        ],
      ),
    );
  }
}

//How can i pass the title string to the ParentWidget as passedData String

class ChildWidget extends StatelessWidget {
  String title = 'Happy New Year';
  @override
  Widget build(BuildContext context) {
    return Center(
        child: Container(
      child: Text(title),
    ));
  }
}

Answer 1

您可以在 build 方法中直接使用回调。要使用setState 处理构建错误，需要等待一帧。我正在使用addPostFrameCallback。

class ParentWidget extends StatefulWidget {
  const ParentWidget({
    Key? key,
  }) : super(key: key);

  @override
  State<ParentWidget> createState() => _ParentWidgetState();
}

class _ParentWidgetState extends State<ParentWidget> {
  String? passedData;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          ChildWidget(
            fallback: (p0) {
              WidgetsBinding.instance!.addPostFrameCallback((timeStamp) {
                setState(() {
                  passedData = p0;
                });
              });
            },
          ),
          Text(
            passedData == null ? 'No data passed' : passedData!,
          ),
        ],
      ),
    );
  }
}


class ChildWidget extends StatelessWidget {
  final String title = 'Happy New Year';
  final Function(String) fallback;

  const ChildWidget({
    Key? key,
    required this.fallback,
  }) : super(key: key);
  @override
  Widget build(BuildContext context) {
    fallback(title);
    return Center(
        child: Container(
      child: Text(title),
    ));
  }
}