如何将索引从一个微件传递到flutter中的另一个微件

class FirstWidget extends StatelessWidget {
  final int index;

  FirstWidget({required this.index});

  @override
  Widget build(BuildContext context) {
    return ElevatedButton(
      onPressed: () {
        Navigator.push(
          context,
          MaterialPageRoute(builder: (context) => SecondWidget(index: index)),
        );
      },
      child: Text('Go to Second Widget'),
    );
  }
}

class SecondWidget extends StatelessWidget {
  final int index;

  SecondWidget({required this.index});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Second Widget')),
      body: Center(
        child: Text('Received index: $index'),
      ),
    );
  }
}

dependencies:
  provider: ^6.0.1

class IndexProvider with ChangeNotifier {
  int _index = 0;
  int get index => _index;

  void setIndex(int newIndex) {
    _index = newIndex;
    notifyListeners();
  }
}

void main() {
  runApp(
    ChangeNotifierProvider(
      create: (context) => IndexProvider(),
      child: MyApp(),
    ),
  );
}

class FirstWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ElevatedButton(
      onPressed: () {
        Provider.of<IndexProvider>(context, listen: false).setIndex(42);
        Navigator.push(
          context,
          MaterialPageRoute(builder: (context) => SecondWidget()),
        );
      },
      child: Text('Go to Second Widget'),
    );
  }
}

class SecondWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final index = Provider.of<IndexProvider>(context).index;
    return Scaffold(
      appBar: AppBar(title: Text('Second Widget')),
      body: Center(
        child: Text('Received index: $index'),
      ),
    );
  }
}

Navigator.pushNamed(
  context,
  '/second',
  arguments: 42,
);

class SecondWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final int index = ModalRoute.of(context)!.settings.arguments as int;
    return Scaffold(
      appBar: AppBar(title: Text('Second Widget')),
      body: Center(
        child: Text('Received index: $index'),
      ),
    );
  }
}

MaterialApp(
  routes: {
    '/second': (context) => SecondWidget(),
  },
);