Go_router konteksto naudojimas nežinomiems maršrutams Flutter.context tvarkyti, palyginti su goNamed.Take Klaidos peradresavimo maršrutu.

Peradresavimas į „Flutter“ klaidų puslapį naudojant go_router: keli sprendimai

Dart sprendimas naudojant kontekstą.go su maršruto patvirtinimu ir klaidų tvarkymu

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());
}

Pavadintų maršrutų ir klaidų tvarkymo naudojimas go_router navigacijai

Alternatyvus „Dart“ sprendimas naudojant kontekstą.goNamed ir pritaikytas klaidų tvarkymas

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());
}

Klaidų valdymo testavimas naudojant vienetų testus

Vienetų testai, skirti patikrinti maršrutą ir klaidų apdorojimą programoje „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);
  });
}

Dažnai užduodami klausimai apie „Flutter go_router“ naudojimą

1. Koks yra pagrindinis tikslas context.go go_router?
2. The context.go komanda naudojama tiesioginei maršruto navigacijai, nurodant kelią, nukreipiant vartotojus į klaidos puslapį, jei maršruto nėra.
3. Kodėl taip context.goNamed padaryti išimtį, kai patenkama į neegzistuojantį maršrutą?
4. The context.goNamed komanda remiasi apibrėžtais maršruto pavadinimais, todėl jei pavadinimas neapibrėžtas, ji negali rasti kelio ir išmes klaidą, o ne nukreips.
5. Kaip galiu tvarkyti maršruto klaidas naudojant tinkintą klaidos puslapį go_router?
6. Nustatant errorBuilder parametras go_router konfigūracijose leidžia nurodyti pasirinktinį klaidos puslapį bet kokiems neapibrėžtiems maršrutams.
7. Ar galima naudoti abu context.go ir context.goNamed toje pačioje programėlėje?
8. Taip, abu context.go ir context.goNamed gali būti naudojamas toje pačioje programoje, tačiau atsargiai elgiamasi su klaidomis, kad būtų išvengta netikėtų išimčių neapibrėžtiems pavadinimams.
9. Kas yra pumpAndSettle „Flutter“ testuose?
10. The pumpAndSettle Flutter testavimo funkcija laukia, kol visos animacijos bus baigtos, ir įsitikinkite, kad sąsaja nusistovėjo prieš pateikdama tvirtinimus.
11. Kaip veikia testWidgets padėti išbandyti maršruto valdymą?
12. The testWidgets komanda leidžia išbandyti sąveikas, pvz., mygtukų paspaudimus ir maršruto perėjimus, taip padedant patikrinti, ar neteisinguose maršrutuose klaidos puslapis įkeliamas taip, kaip tikėtasi.
13. Ar galiu nueiti į maršrutą sąlygiškai naudojant go_router?
14. Taip, naudojant context.canGo Prieš pradėdami navigaciją, galite patikrinti, ar maršrutas yra, ir išvengti klaidų, pasiekdami tik galiojančius kelius.
15. Kokia naudojimo nauda MaterialApp.router su go_router?
16. MaterialApp.router yra optimizuotas maršruto nustatymui, leidžiantis dinamiškai keisti puslapius ir integruoti klaidas per routerDelegate ir routeInformationParser.
17. Ar veikia našumas naudojant errorBuilder go_router?
18. Nėra reikšmingo poveikio. The errorBuilder funkcija iškviečiama tik tada, kai pasiekiamas netinkamas maršrutas, todėl ji veiksminga sprendžiant kraštutinius atvejus, nedarant įtakos bendram našumui.
19. Kaip go_router apibrėžti pavadintą maršrutą?
20. Skiltyje go_router apibrėžkite pavadintą maršrutą pridėdami name parametrą maršruto konfigūracijoje ir naudoti context.goNamed naršyti naudojant šį pavadinimą.
21. Kokia nauda iš findsOneWidget „Flutter“ testuose?
22. findsOneWidget naudojamas atliekant Flutter testus, siekiant patikrinti, ar ekrane yra vienas valdiklio egzempliorius, pvz., patikrinti, ar vieną kartą pasirodo klaidos pranešimas.
23. Ar būtina naudoti errorBuilder nežinomų maršrutų valdymui go_router?
24. Nors ir neprivaloma, tačiau naudojant errorBuilder pagerina vartotojo patirtį, pateikdama aiškius atsiliepimus apie nežinomus maršrutus, nukreipdama vartotojus nuo nutrūkusių kelių.

Efektyvus maršruto valdymas naudojant „Flutter“.

Flutter's go_router Paketas siūlo dinamišką būdą valdyti navigaciją su patikimu maršruto patvirtinimu. Naudodami context.go ir context.goNamed su tinkintu klaidų tvarkymu, kūrėjai gali užtikrinti, kad nežinomi maršrutai nukreiptų vartotojus į patogų klaidų puslapį, o ne išmestų išimtis. Šis metodas supaprastina programų naršymą ir informuoja vartotojus.

Suprasdami Context.go ir context.goNamed sąranką ir skirtumus, galėsite geriau valdyti navigaciją, ypač sudėtingų maršrutų struktūrų programoms. Naudojant šiuos įrankius, klaidų tvarkymas tampa lengvesnis, padidinamas programų patikimumas ir pagerinama bendra naudotojo kelionė su mažiau trikdžių. 🌟