如何使用带有auto_route的嵌套路由在Flutter中的屏幕之间导航

dependencies:
  auto_route: ^2.3.0

import 'package:auto_route/auto_route.dart';
import 'package:flutter/material.dart';

import 'screens/home_screen.dart';
import 'screens/details_screen.dart';

@MaterialAutoRouter(
  routes: <AutoRoute>[
    AutoRoute(page: HomeScreen, initial: true),
    AutoRoute(page: DetailsScreen),
  ],
)
class $AppRouter {}

import 'package:flutter/material.dart';
import 'router.dart' as router;

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp.router(
      routerDelegate: router.AppRouter().delegate(),
      routeInformationParser: router.AppRouter().defaultRouteParser(),
    );
  }
}

import 'package:auto_route/auto_route.dart';
import 'package:flutter/material.dart';

class HomeScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Home Screen'),
      ),
      body: Center(
        child: ElevatedButton(
          child: Text('Go to Details Screen'),
          onPressed: () {
            ExtendedNavigator.root.pushNamed('/detailsScreen');
          },
        ),
      ),
    );
  }
}