问如何在for循环中使用onTap调用索引

EN

// MAIN.DART FILE TO ILLUSTRATE PAGE ROUTES

class MyAppState extends State<MyApp> {
 @override
 Widget build(BuildContext context) {
   return MaterialApp(
     debugShowCheckedModeBanner: false,
     routes: {
       
       '/page2': (context) => const InvoiceApp(),
       '/page3': (context) => const Currency(),
       '/page4': (context) => const Expenses(),
       '/page5': (context) => const Reports(0),
       '/page6': (context) => const Graphs(0),
       '/page7': (context) => const Download(0),
       '/page8': (context) => const Customer(),
       '/page9': (context) => const People(0),
       '/page10': (context) => const Resources(0),
       '/page11': (context) => const Profile(),
     },
     home: Scaffold(

//CLASS ROUTES

class Routes {
 String page;

 Routes({required this.page});
}
//LIST

list<Routes> routeList = [
 Routes(page: '/page2'),
 Routes(page: '/page3'),
 Routes(page: '/page4'),
 Routes(page: '/page5'),
 Routes(page: '/page6'),
 Routes(page: '/page7'),
 Routes(page: '/page8'),
 Routes(page: '/page9'),
 Routes(page: '/page10'),
 Routes(page: '/page11'),
];

//MAIN CODE

class MenuBar extends StatelessWidget {
 const MenuBar({Key? key}) : super(key: key);

 List<ListTile> getMenuItems(BuildContext context, var index) {
   List<ListTile> menuList = [];

   for (var i = 0; i < menuItemList.length; i++) {
     var item = menuItemList[i];

     var loopCode = ListTile(
       title: Text(item),
       leading: Icon(
         icons[i],
         color: Colors.teal,
       ),

       // onTap: () {
       //   Navigator.pushNamed(context, routeList[index].page);
       // },

       onTap: () {
         Navigator.pushNamed(context, '/page3');
       },
       
     );
     menuList.add(loopCode);
   }

   return menuList;
 }

 @override
 Widget build(
   BuildContext context,
 ) {
   //  getMenuItems(context);
   return Drawer(
     child: ListView(
       padding: EdgeInsets.zero,
       children: [
         const AccountHeader(),
         Column(
           children: getMenuItems(context, routeList),
         ),
       ],
     ),
   );
 }

List<String> menuItemList = [
 
 'Invoices',
 'Currency Converter',
 'Expenses',
 'Reports',
 'Graphs',
 'Downloads',
 'Customers',
 'People Management',
 'Resources',
 'Profile',
];
List<IconData> icons = [
 Icons.receipt,
 Icons.money,
 Icons.money,
 Icons.report,
 Icons.bar_chart,
 Icons.download,
 Icons.people,
 Icons.people,
 Icons.cake,
 Icons.person,
];