Flutter.context ve goNamed'deki bilinmeyen rotaları işlemek için go_router bağlamını kullanma. Hata Yönlendirme rotasını kullanın.

Go_router kullanarak Flutter'da bir Hata Sayfasına Yönlendirme: Çoklu Çözümler

Rota doğrulama ve hata işleme özellikleriyle context.go'yu kullanan Dart çözümü

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 Navigasyonu için Adlandırılmış Rotaları ve Hata İşlemeyi Kullanma

Özel hata işlemeyle context.goNamed kullanan alternatif Dart çözümü

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

Birim Testleriyle Hata İşlemenin Test Edilmesi

Flutter'da yönlendirme ve hata yönetimini kontrol etmek için birim testleri

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 Kullanımı Hakkında Sıkça Sorulan Sorular

1. Birincil amacı nedir context.go go_router'da mı?
2. context.go komutu, bir yol belirterek doğrudan rota navigasyonu için kullanılır ve rota mevcut değilse kullanıcıları bir hata sayfasına yönlendirir.
3. Neden context.goNamed var olmayan bir rotaya erişirken bir istisna mı oluşturulsun?
4. context.goNamed komut, tanımlanmış rota adlarına dayanır; bu nedenle, bir ad tanımlanmamışsa, yolu bulamaz ve yeniden yönlendirmek yerine bir hata verir.
5. Go_router'da özel bir hata sayfasıyla rota hatalarını nasıl halledebilirim?
6. Kurulumu errorBuilder go_router yapılandırmalarındaki parametre, tanımlanmamış rotalar için özel bir hata sayfası belirlemenize olanak tanır.
7. ikisini de kullanmak mümkün mü context.go Ve context.goNamed aynı uygulamada mı?
8. Evet, ikisi de context.go Ve context.goNamed aynı uygulamada kullanılabilir, ancak tanımlanmamış adlar için beklenmeyen istisnaları önlemek için hata yönetimi dikkatli yapılmalıdır.
9. Nedir pumpAndSettle Flutter testinde mi?
10. pumpAndSettle Flutter testindeki işlev, tüm animasyonların tamamlanmasını bekler ve iddialarda bulunmadan önce arayüzün yerleşmesini sağlar.
11. Nasıl testWidgets rota işlemeyi test etmede yardım?
12. testWidgets komutu, düğmeye basma ve rota geçişleri gibi etkileşimlerin test edilmesine olanak tanıyarak, hata sayfasının geçersiz rotalarda beklendiği gibi yüklenip yüklenmediğinin doğrulanmasına yardımcı olur.
13. Go_router'ı kullanarak koşullu olarak bir rotaya gidebilir miyim?
14. Evet kullanarak context.canGo Navigasyona başlamadan önce bir rotanın mevcut olup olmadığını kontrol edebilir ve yalnızca geçerli yollara erişerek hataları önleyebilirsiniz.
15. Kullanmanın faydası nedir? MaterialApp.router go_router'la mı?
16. MaterialApp.router yönlendirme kurulumları için optimize edilmiş olup, dinamik sayfa değişikliklerine ve hata işleme entegrasyonuna olanak tanır. routerDelegate Ve routeInformationParser.
17. go_router'da errorBuilder kullanıldığında performans etkisi var mı?
18. Önemli bir etki yok. errorBuilder işlev yalnızca geçersiz bir rotaya erişildiğinde çağrılır ve bu, genel performansı etkilemeden uç durumların işlenmesinde verimli olmasını sağlar.
19. Go_router'da adlandırılmış bir rotayı nasıl tanımlarım?
20. go_router'da, şunu ekleyerek adlandırılmış bir rota tanımlayın: name rota yapılandırmasındaki parametreyi kullanın ve kullanın context.goNamed Bu adı kullanarak gezinmek için
21. Ne işe yarar? findsOneWidget Flutter testinde mi?
22. findsOneWidget Flutter testlerinde, bir hata mesajının bir kez görünüp görünmediğini kontrol etmek gibi, ekranda bir widget'ın tek bir örneğinin mevcut olduğunu doğrulamak için kullanılır.
23. Kullanmak gerekli mi errorBuilder go_router'da bilinmeyen rotaları yönetmek için mi?
24. Zorunlu olmasa da kullanmak errorBuilder Bilinmeyen rotalar hakkında net geri bildirimler sağlayarak kullanıcı deneyimini iyileştirir, kullanıcıları bozuk yollardan uzaklaştırır.

Flutter'da Etkin Rota Yönetimi

Flutter'ın go_router Paket, güvenilir rota doğrulamayla navigasyonu kontrol etmenin dinamik bir yolunu sunar. Geliştiriciler, özelleştirilmiş hata işleme özelliğiyle context.go ve context.goNamed'i kullanarak, bilinmeyen rotaların, istisnalar oluşturmak yerine kullanıcıları kolay bir hata sayfasına yönlendirmesini sağlayabilir. Bu yaklaşım, uygulamada gezinmeyi kolaylaştırır ve kullanıcıları bilgilendirir.

Context.go ve context.goNamed arasındaki kurulumu ve farkları anlamak, özellikle karmaşık rota yapılarına sahip uygulamalar için daha iyi gezinme kontrolü sağlar. Bu araçlarla hataların yönetimi kolaylaşır, uygulama güvenilirliği artar ve daha az kesintiyle genel kullanıcı yolculuğu iyileştirilir. 🌟