Використання контексту go_router для обробки невідомих маршрутів у Flutter.context проти goNamed. Використовуйте маршрут переспрямування помилок.

Переспрямування на сторінку помилок у Flutter за допомогою go_router: кілька рішень

Рішення Dart із використанням context.go із перевіркою маршруту та обробкою помилок

import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
class ErrorPage extends StatelessWidget {
  const ErrorPage({super.key});
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('Error')),
      body: const Center(
        child: Text('404 - Page Not Found', style: TextStyle(fontSize: 24)),
      ),
    );
  }
}
class HomePage extends StatelessWidget {
  const HomePage({super.key});
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('Home')),
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            if (context.canGo('/non-existent')) {
              context.go('/non-existent');
            } else {
              context.go('/error');
            }
          },
          child: const Text('Go to Non-Existent Page'),
        ),
      ),
    );
  }
}
class MyApp extends StatelessWidget {
  final GoRouter _router = GoRouter(
    routes: <RouteBase>[
      GoRoute(path: '/', builder: (context, state) => const HomePage()),
      GoRoute(path: '/error', builder: (context, state) => const ErrorPage()),
    ],
    errorBuilder: (context, state) => const ErrorPage(),
  );
  MyApp({super.key});
  @override
  Widget build(BuildContext context) {
    return MaterialApp.router(
      routerDelegate: _router.routerDelegate,
      routeInformationProvider: _router.routeInformationProvider,
      routeInformationParser: _router.routeInformationParser,
    );
  }
}
void main() {
  runApp(MyApp());
}

Використання іменованих маршрутів і обробки помилок для навігації go_router

Альтернативне рішення Dart із використанням context.goNamed із спеціальною обробкою помилок

import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
class ErrorPage extends StatelessWidget {
  const ErrorPage({super.key});
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('Error')),
      body: const Center(
        child: Text('404 - Page Not Found', style: TextStyle(fontSize: 24)),
      ),
    );
  }
}
class HomePage extends StatelessWidget {
  const HomePage({super.key});
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('Home')),
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            try {
              context.goNamed('nonExistentRoute');
            } catch (e) {
              context.go('/error');
            }
          },
          child: const Text('Go to Non-Existent Page'),
        ),
      ),
    );
  }
}
class MyApp extends StatelessWidget {
  final GoRouter _router = GoRouter(
    routes: <RouteBase>[
      GoRoute(path: '/', builder: (context, state) => const HomePage()),
      GoRoute(path: '/error', builder: (context, state) => const ErrorPage()),
    ],
    errorBuilder: (context, state) => const ErrorPage(),
  );
  MyApp({super.key});
  @override
  Widget build(BuildContext context) {
    return MaterialApp.router(
      routerDelegate: _router.routerDelegate,
      routeInformationProvider: _router.routeInformationProvider,
      routeInformationParser: _router.routeInformationParser,
    );
  }
}
void main() {
  runApp(MyApp());
}

Тестування обробки помилок за допомогою модульних тестів

Модульні тести для перевірки маршрутизації та обробки помилок у Flutter

import 'package:flutter_test/flutter_test.dart';
import 'package:go_router/go_router.dart';
import 'package:your_app/main.dart';
void main() {
  testWidgets('Navigate to non-existent page using context.go()', (WidgetTester tester) async {
    await tester.pumpWidget(MyApp());
    expect(find.text('Home'), findsOneWidget);
    await tester.tap(find.text('Go to Non-Existent Page'));
    await tester.pumpAndSettle();
    expect(find.text('404 - Page Not Found'), findsOneWidget);
  });
  testWidgets('Handle exception with context.goNamed()', (WidgetTester tester) async {
    await tester.pumpWidget(MyApp());
    expect(find.text('Home'), findsOneWidget);
    await tester.tap(find.text('Go to Non-Existent Page'));
    await tester.pumpAndSettle();
    expect(find.text('404 - Page Not Found'), findsOneWidget);
  });
}

Часті запитання про використання Flutter go_router

1. Яка основна мета context.go в go_router?
2. The context.go Команда використовується для прямої навігації маршрутом, вказуючи шлях, перенаправляючи користувачів на сторінку помилки, якщо маршрут не існує.
3. Чому context.goNamed створювати виняток під час доступу до неіснуючого маршруту?
4. The context.goNamed Команда покладається на визначені назви маршрутів, тому, якщо ім’я не визначено, вона не зможе знайти шлях і видасть помилку, а не переспрямування.
5. Як я можу обробляти помилки маршруту за допомогою спеціальної сторінки помилок у go_router?
6. Налаштування errorBuilder Параметр у конфігураціях go_router дозволяє вказати спеціальну сторінку помилок для будь-яких невизначених маршрутів.
7. Чи можна використовувати обидва context.go і context.goNamed в тому самому додатку?
8. Так, обидва context.go і context.goNamed можна використовувати в тій самій програмі, але з ретельною обробкою помилок, щоб уникнути неочікуваних винятків для невизначених імен.
9. Що є pumpAndSettle у тестуванні Flutter?
10. The pumpAndSettle функція у тестуванні Flutter очікує завершення всіх анімацій, гарантуючи, що інтерфейс встановився, перш ніж робити твердження.
11. Як робить testWidgets допомогти в тестуванні обробки маршруту?
12. The testWidgets Команда дозволяє тестувати такі взаємодії, як натискання кнопок і переходи маршрутів, допомагаючи перевірити, чи сторінка помилки завантажується належним чином на недійсних маршрутах.
13. Чи можу я перейти до маршруту за допомогою go_router?
14. Так, за допомогою context.canGo перед навігацією ви можете перевірити, чи існує маршрут, і запобігти помилкам, відкриваючи лише дійсні шляхи.
15. Яка користь від використання MaterialApp.router з go_router?
16. MaterialApp.router оптимізовано для налаштувань маршрутизації, що дозволяє динамічно змінювати сторінки та інтегрувати обробку помилок через routerDelegate і routeInformationParser.
17. Чи впливає на продуктивність використання errorBuilder у go_router?
18. Немає значного впливу. The errorBuilder функція викликається лише тоді, коли здійснюється доступ до недійсного маршруту, що робить її ефективною для обробки крайніх випадків без впливу на загальну продуктивність.
19. Як визначити іменований маршрут у go_router?
20. У go_router визначте названий маршрут, додавши name у конфігурації маршруту та використовуйте context.goNamed для навігації за допомогою цього імені.
21. Яка користь findsOneWidget у тестуванні Flutter?
22. findsOneWidget використовується у тестах Flutter, щоб перевірити, чи єдиний екземпляр віджета присутній на екрані, наприклад перевірити, чи з’являється повідомлення про помилку один раз.
23. Чи потрібно використовувати errorBuilder для обробки невідомих маршрутів у go_router?
24. Хоча це не обов’язково, використання errorBuilder покращує взаємодію з користувачем, надаючи чіткі відгуки про невідомі маршрути, спрямовуючи користувачів подалі від битих шляхів.

Ефективне керування маршрутами у Flutter

Флаттера go_router Пакет пропонує динамічний спосіб керування навігацією з надійною перевіркою маршруту. Використовуючи context.go та context.goNamed із налаштованою обробкою помилок, розробники можуть гарантувати, що невідомі маршрути спрямовують користувачів на зрозумілу сторінку помилок замість викидання винятків. Цей підхід спрощує навігацію програмою та інформує користувачів.

Розуміння налаштувань і відмінностей між context.go і context.goNamed забезпечує кращий контроль навігації, особливо для програм зі складною структурою маршруту. За допомогою цих інструментів обробка помилок стає легшою, покращується надійність додатків і покращується загальний шлях користувача з меншою кількістю збоїв. 🌟