如何在Flutter中跟踪屏幕视图并在app中显示

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

class ScreenTracker extends StatefulWidget {
  @override
  _ScreenTrackerState createState() => _ScreenTrackerState();
}

class _ScreenTrackerState extends State<ScreenTracker> {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Navigator(
        onGenerateRoute: (RouteSettings settings) {
          // 根据路由名称生成相应的屏幕视图
          WidgetBuilder builder;
          switch (settings.name) {
            case '/':
              builder = (BuildContext context) => HomeScreen();
              break;
            case '/details':
              builder = (BuildContext context) => DetailsScreen();
              break;
            // 添加更多的路由名称和对应的屏幕视图
            default:
              throw Exception('Invalid route: ${settings.name}');
          }
          return MaterialPageRoute(
            builder: builder,
            settings: settings,
          );
        },
      ),
    );
  }
}

class HomeScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Home'),
      ),
      body: Center(
        child: RaisedButton(
          child: Text('Go to Details'),
          onPressed: () {
            // 导航到详情屏幕
            Navigator.pushNamed(context, '/details');
          },
        ),
      ),
    );
  }
}

class DetailsScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Details'),
      ),
      body: Center(
        child: RaisedButton(
          child: Text('Go back'),
          onPressed: () {
            // 返回主屏幕
            Navigator.pop(context);
          },
        ),
      ),
    );
  }
}

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