如何在充满相同小部件的列表中导航到特定的路由？

import 'package:flutter/material.dart';

class MyListItem extends StatelessWidget {
  final String title;
  final String route;

  MyListItem({this.title, this.route});

  @override
  Widget build(BuildContext context) {
    return ListTile(
      title: Text(title),
      onTap: () {
        Navigator.pushNamed(context, route);
      },
    );
  }
}

class MyListPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('List Page'),
      ),
      body: ListView(
        children: [
          MyListItem(title: 'Item 1', route: '/item1'),
          MyListItem(title: 'Item 2', route: '/item2'),
          MyListItem(title: 'Item 3', route: '/item3'),
        ],
      ),
    );
  }
}

class Item1Page extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Item 1'),
      ),
      body: Center(
        child: Text('This is Item 1'),
      ),
    );
  }
}

class Item2Page extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Item 2'),
      ),
      body: Center(
        child: Text('This is Item 2'),
      ),
    );
  }
}

class Item3Page extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Item 3'),
      ),
      body: Center(
        child: Text('This is Item 3'),
      ),
    );
  }
}

void main() {
  runApp(MaterialApp(
    initialRoute: '/',
    routes: {
      '/': (context) => MyListPage(),
      '/item1': (context) => Item1Page(),
      '/item2': (context) => Item2Page(),
      '/item3': (context) => Item3Page(),
    },
  ));
}