flutter - 为什么父级StatefulWidget中的setState不会更新子级StatefulWidget

This question already has answers here:

Passing Data to a Stateful Widget

(5个答案)

上个月关闭。

我知道，从父StatefulWidget更新子StatefulWidget的正确方法是使用子GlobalKey实例。
但是我不明白，为什么setState((){})做的不一样!我没有找到任何文档或对此的解释。
从documentation:

Calling setState notifies the framework that the internal state of this object has changed in a way that might impact the user interface in this subtree, which causes the framework to schedule a build for this State object.

If you just change the state directly without calling setState, the framework might not schedule a build and the user interface for this subtree might not be updated to reflect the new state.

通过文档，我希望整个小部件子树都将被更新。但它没有。
请向我解释，为什么下面的示例无法按预期的方式工作(更改ChildStatefulWidget的文本)。
谢谢!

import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';

class ParentStatefulWidget extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return ParentState();
  }
}

class ParentState extends State<ParentStatefulWidget> {
  int counter = 0;

  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        GestureDetector(
          child: Container(
              color: Colors.lightBlue,
              padding: EdgeInsets.all(10),
              child: Text(
                "Tap me",
                style: TextStyle(color: Colors.white, fontSize: 24),
              )),
          onTap: () {
            setState(() {
              counter = counter + 1;
            });
          },
        ),
        ChildStatefulWidget(
          text: "Count: $counter",
        )
      ],
    );
  }
}

class ChildStatefulWidget extends StatefulWidget {
  final String text;

  ChildStatefulWidget({Key key, this.text = ""}) : super(key: key);

  @override
  State<StatefulWidget> createState() {
    return ChildState(text);
  }
}

class ChildState extends State<ChildStatefulWidget> {
  final String text;

  ChildState(this.text);

  @override
  Widget build(BuildContext context) {
    return Text(
      text,
      style: TextStyle(fontSize: 18),
    );
  }
}

最佳答案

您无需在childState中创建“文本”-只需输入“widget.text”即可:

class ChildState extends State<ChildStatefulWidget> {    
  @override
  Widget build(BuildContext context) {
    return Text(
      widget.text,
      style: TextStyle(fontSize: 18),
    );
  }
}

您的代码不起作用，因为您发送了值引发构造函数，但是每次更改状态时构造函数都不会调用。因此，getted throw构造函数的值不会改变。

关于flutter - 为什么父级StatefulWidget中的setState不会更新子级StatefulWidget ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/64321438/

上一篇：android - 将 gradle 更新到实验版本 - 错误

下一篇：flutter - flutter :时间间隔未按预期工作

json - 如何在 Flutter 中映射具有相同类型嵌套对象的 json？

dart - 在style.css中引用sdk定义，例如color.dart

dart - Flutter:在没有上下文的情况下从 InheritedWidgets 访问数据？

firebase - 类型 'Future<dynamic>'不是类型转换中类型 'List<Profile>'的子类型

flutter - 消除小部件之间的间隙

FlatButton 翻译后 Flutter onPressed 不起作用

flutter - flutter :父部件重建后，子部件无法重建吗？

dart - 使用 FutureBuilder 创建轮播

flutter - 如何防止轻敲 InkWell 内部时对周围 InkWell 产生涟漪效应