如何在另一个类小部件中获取自定义有状态小部件的值？

class MyStatefulWidget extends StatefulWidget {
  @override
  _MyStatefulWidgetState createState() => _MyStatefulWidgetState();
}

class _MyStatefulWidgetState extends State<MyStatefulWidget> {
  String sharedValue = 'Initial Value';

  @override
  Widget build(BuildContext context) {
    return Container(
      child: Text(sharedValue),
    );
  }
}

class MyInheritedWidget extends InheritedWidget {
  final String sharedValue;

  MyInheritedWidget({required this.sharedValue, required Widget child})
      : super(child: child);

  static MyInheritedWidget of(BuildContext context) {
    return context.dependOnInheritedWidgetOfExactType<MyInheritedWidget>()!;
  }

  @override
  bool updateShouldNotify(MyInheritedWidget oldWidget) {
    return oldWidget.sharedValue != sharedValue;
  }
}

class AnotherWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final sharedValue = MyInheritedWidget.of(context).sharedValue;

    return Container(
      child: Text(sharedValue),
    );
  }
}

void main() {
  runApp(
    MyInheritedWidget(
      sharedValue: 'Shared Value',
      child: MyApp(),
    ),
  );
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Column(
          children: [
            MyStatefulWidget(),
            AnotherWidget(),
          ],
        ),
      ),
    );
  }
}