flutter_route_inspector 1.0.6

Universal navigation debugger: route timeline, screen time, duplicate-push hints, exports, and a draggable overlay. Works with Navigator 1/2, GetX, GoRouter, and AutoRoute.

example/lib/main.dart

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

void main() {
  FlutterRouteInspector.initialize(
    showOverlay: true,
    debugPrintLogs: true,
  );
  runApp(const RouteInspectorExampleApp());
}

class RouteInspectorExampleApp extends StatelessWidget {
  const RouteInspectorExampleApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Route Inspector Example',
      navigatorKey: FlutterRouteInspector.navigatorKey,
      navigatorObservers: [...FlutterRouteInspector.navigatorObservers],
      home: const HomePage(),
    );
  }
}

class HomePage extends StatelessWidget {
  const HomePage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('Home')),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            FilledButton(
              onPressed: () {
                Navigator.of(context).push(
                  MaterialPageRoute<void>(
                    settings: const RouteSettings(name: 'ProfileScreen'),
                    builder: (_) => const ProfilePage(),
                  ),
                );
              },
              child: const Text('Push named ProfileScreen'),
            ),
            const SizedBox(height: 12),
            FilledButton.tonal(
              onPressed: () {
                Navigator.of(context).push(
                  MaterialPageRoute<void>(
                    builder: (_) => const ProfilePage(),
                  ),
                );
              },
              child: const Text('Push anonymous Profile (same widget)'),
            ),
          ],
        ),
      ),
    );
  }
}

class ProfilePage extends StatelessWidget {
  const ProfilePage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('Profile')),
      body: Center(
        child: FilledButton(
          onPressed: () => Navigator.of(context).pop(),
          child: const Text('Pop'),
        ),
      ),
    );
  }
}