如何更新Flutter中StatefulWidget的数据？

Hey there! Let's fix this issue step by step. You've got two key problems here: a mismatched generic type on your State class, and not following Flutter's state update rules to trigger UI changes.

First, let's fix the obvious typo: your _TestWidgetState is extending State<KMSelectionItem>, but it should be State<TestWidget> to match your StatefulWidget class. That's a critical error that'll break your code right away.

Now, the core issue: modifying the name variable directly in your TestWidget won't update the Text component. StatefulWidgets are immutable by design, and Flutter only rebuilds UI when you call setState() inside the State class to signal a state change.

Here's the refactored code that makes your updateName method work correctly:

class TestWidget extends StatefulWidget {
  final String initialName; // Mark as final (StatefulWidget props should be immutable)

  const TestWidget(this.initialName, {super.key});

  // Public method to trigger name update, uses GlobalKey to access State
  void updateName(String newName, GlobalKey<_TestWidgetState> widgetKey) {
    widgetKey.currentState?._updateName(newName);
  }

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

class _TestWidgetState extends State<TestWidget> {
  late String _name; // Mutable state lives in the State class

  @override
  void initState() {
    super.initState();
    _name = widget.initialName; // Initialize with the initial value from the widget
  }

  // Private method to update state and trigger UI rebuild
  void _updateName(String newName) {
    setState(() {
      _name = newName;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Text(_name);
  }
}

How to use this in a parent widget: #

You'll need a GlobalKey to access the State instance of your TestWidget:

// In your parent widget's state
final testWidgetKey = GlobalKey<_TestWidgetState>();

// When building the TestWidget
TestWidget("Initial Name", key: testWidgetKey),

// Call this whenever you want to update the name
testWidgetKey.currentState?._updateName("New Updated Name");
// Or use the public method on the TestWidget instance if you have a reference to it
// testWidgetInstance.updateName("New Updated Name", testWidgetKey);

This approach follows Flutter's state management best practices: mutable state lives in the State class, and we use setState() to tell the framework to rebuild the UI with the new value.

内容的提问来源于stack exchange，提问作者Sean