android - 如何在 flutter 中仅对一个小部件使用 setState 方法？

Question

单击下图中的任何点时，我想显示与该点相关的一些信息。但是当我使用 setState方法来更新点击事件的以下信息，图表正在重建。我想在这个时间序列图中的某个时间放大，但是重建图是一个问题，无法在图上看到标签。如何使用setState在不重绘图表的情况下更新以下信息的方法？

在下图中Angle值应为 15.0而没有 setState 就不会更新

Answer 1

你可以用 StatefulBuilder 包裹你的小部件:

A platonic widget that both has state and calls a closure to obtain its child widget.

The StateSetter function passed to the builder is used to invoke a rebuild instead of a typical State's State.setState.

这是文档中的一个示例:

await showDialog<void>(
  context: context,
  builder: (BuildContext context) {
    int selectedRadio = 0;
    return AlertDialog(
      content: StatefulBuilder(
        builder: (BuildContext context, StateSetter setState) {
          return Column(
            mainAxisSize: MainAxisSize.min,
            children: List<Widget>.generate(4, (int index) {
              return Radio<int>(
                value: index,
                groupValue: selectedRadio,
                onChanged: (int value) {
                  setState(() => selectedRadio = value);
                },
              );
            }),
          );
        },
      ),
    );
  },
);