Flutter -如何在PageView小部件的页面之间传递数据？

class MyPage extends StatelessWidget {
  final String data;

  MyPage({required this.data});

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

// 在PageView中使用
PageView(
  children: [
    MyPage(data: 'Page 1'),
    MyPage(data: 'Page 2'),
    MyPage(data: 'Page 3'),
  ],
);

// 创建一个全局状态
final dataProvider = Provider<String>((ref) => throw UnimplementedError());

// 在页面中使用
class MyPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final data = context.read(dataProvider);

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

// 在PageView中使用
PageView(
  children: [
    ProviderScope(
      child: MyPage(),
      overrides: [
        dataProvider.overrideWithValue('Page 1'),
      ],
    ),
    ProviderScope(
      child: MyPage(),
      overrides: [
        dataProvider.overrideWithValue('Page 2'),
      ],
    ),
    ProviderScope(
      child: MyPage(),
      overrides: [
        dataProvider.overrideWithValue('Page 3'),
      ],
    ),
  ],
);

class MyPage extends StatelessWidget {
  final Function(String) onDataReceived;

  MyPage({required this.onDataReceived});

  @override
  Widget build(BuildContext context) {
    return Container(
      child: ElevatedButton(
        onPressed: () {
          onDataReceived('Data from page');
        },
        child: Text('Send Data'),
      ),
    );
  }
}

// 在PageView中使用
class MyPageView extends StatefulWidget {
  @override
  _MyPageViewState createState() => _MyPageViewState();
}

class _MyPageViewState extends State<MyPageView> {
  String? data;

  @override
  Widget build(BuildContext context) {
    return PageView(
      children: [
        MyPage(
          onDataReceived: (receivedData) {
            setState(() {
              data = receivedData;
            });
          },
        ),
        Container(
          child: Text(data ?? 'No data received'),
        ),
      ],
    );
  }
}