URL parametreleri

Yol parametreleri ve query string okumayı öğrenirsin.

Yol parametreleri

GoRoute path'inde :id gibi iki nokta ile başlayan adlar yol parametresi tanımlar. builder'a gelen state nesnesinin pathParameters özelliği ile bu değere erişirsin.

GoRoute(
  path: '/kullanici/:id',
  builder: (context, state) {
    final id = state.pathParameters['id']!;
    return KullaniciScreen(id: id);
  },
)

Query parametreleri

URL'deki ?anahtar=deger biçimindeki sorgu dizelerine state.queryParameters ile erişirsin. Örneğin /ara?kelime=elma yolunda state.queryParameters['kelime'] 'elma' değerini verir.

GoRoute(
  path: '/ara',
  builder: (context, state) {
    final kelime = state.queryParameters['kelime'] ?? '';
    return AraScreen(kelime: kelime);
  },
)

Uygulama Yol parametresi ile ekran

/kullanici/:id path'ine sahip bir GoRoute tanımla. builder içinde state.pathParameters['id'] değerini al ve KullaniciScreen(id: id) döndür. main içinde 'hazir' yazdır.

Örnek çözümü göster

import 'package:flutter/widgets.dart';
import 'package:go_router/go_router.dart';

class KullaniciScreen extends StatelessWidget {
  final String id;
  const KullaniciScreen({super.key, required this.id});
  @override
  Widget build(BuildContext context) => const SizedBox.shrink();
}

final route = GoRoute(
  path: '/kullanici/:id',
  builder: (context, state) {
    final id = state.pathParameters['id']!;
    return KullaniciScreen(id: id);
  },
);

void main() {
  print('hazir');
}

Kendini test et

GoRoute path'indeki ':id' neyi belirtir?
- Bir sabit değer
- Bir widget adı
- Bir query parametresi
- Bir yol parametresi
Cevabı göster

Bir yol parametresi — İki nokta ile başlayan adlar yol parametresidir; URL'deki o konumdaki değer state.pathParameters ile okunur. Sabit değer değildir, widget adı değildir, query parametresi '?' ile başlar.

Yol parametresini oku

GoRoute(
  path: '/kullanici/:id',
  builder: (context, state) {
    final id = state.____!;
    return KullaniciScreen(id: id);
  },
)

Cevabı göster

GoRoute(
  path: '/kullanici/:id',
  builder: (context, state) {
    final id = state.pathParameters['id']!;
    return KullaniciScreen(id: id);
  },
)

Parametre parçaları

:id

yol parametresi tanımı
state.pathParameters

yol parametreleri
state.queryParameters

sorgu parametreleri
?kelime=elma

query string

Sıradaki ders: Özet - GoRouter

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler