Flutter dersleri #6/2 Bağımsız Değişkenleri Adlandırılmış Bir Yola İletme

Rumexus

Kıdemli Üye
26 Ocak 2016
2,157
322
hdoWmv.gif

Widget'ı Routers (Rotalar) Tablosuna Kaydedin

6OfL8I.gif


Ardından, MaterialApp widget'ına sağlanan rotalara bir giriş ekleyin. Rotalar, rotanın adına göre hangi widget'in oluşturulması gerektiğini tanımlar.​

Kod:
MaterialApp(
  routes: {
   extractArgumentsScreen.routeName: (context) => ExtractArgumentsScreen()
 },
);

6OfL8I.gif


Widget'a Gidin
6OfL8I.gif


Son olarak, bir kullanıcı Navigator.pushNamed () öğesini kullanarak bir düğmeye dokunduğunda ExtractArgumentsScreen öğesine gider.

Önemli: Arguments özelliği ile yola bağımsız değişkenler sağlayın.

ExtractArgumentsScreen bu bağımsız başlığını ve mesajını ayıklar.​


Kod:
ExtractArgumentsScreen bu bağımsız başlığını ve mesajını ayıklar. 

// Adlandırılmış bir rotaya giden bir düğme. 
// argümanları kendi başına çıkarır. 
RaisedButton(
  child: Text("Bağımsız değişkenleri ayıklayan ekrana gidin"),
   onPressed: () {
     // Kullanıcı düğmeye dokunduğunda, adlandırılmış bir rotaya gidin
     // ve bağımsız değişkenleri isteğe bağlı bir parametre olarak sağlayın. 
     Navigator.pushNamed(
     context,
     ExtractArgumentsScreen.routeName, arguments: ScreenArguments(
     'Argümanları Ayıkla Ekranı',
     'Bu ileti derleme yönteminde ayıklanır.',
   ),
  );
 },
),

6OfL8I.gif


onGenerateRoute İle Bağımsız Değişkenleri Ayıklayın​

6OfL8I.gif


Bağımsız değişkenleri doğrudan widget'ın içine çıkarmak yerine, bir onGenerateRoute () işlevi içindeki bağımsız değişkenleri de ayıklayabilir ve bir widget'a iletebilirsiniz.

Önemli: OnGenerateRoute () işlevi, belirtilen RouteSettings öğelerini temel olarak doğru yolu oluşturur​
.

Kod:
MaterialApp(
    // Adlandırılmış yolları işlemek için bir işlev sağlayalım. 
Bu işlevi aşağıdakileri yapmak için kullanalım:
     // push edilmiş adlandırılmış rotayı belirleyelim ve ekrana doğru yolu oluşturalım. 
     onGenerateRoute: (settings) {
     //Pass arguments yolunu pushlarsanız
     if (settings.name ==
     PassArgumentsScreen.routeName) {
     //Argümanları doğru türe çevirin: 
     ScreenArguments
     final ScreenArguments args== settings.arguments;
     // Ardından, gerekli verileri bağımsız değişkenlerden çıkarın ve 
     // Verileri doğru ekrana aktarın. 
     return MaterialPageRoute(   builder:
(context) {
              return PassArgumentsScreen(
              title: args.baslik,
              message: args.mesaj,
     );
    },
   );
  }
 },
);

hdoWmv.gif

6. Dersimizin ikinci bölümünü de bu şekilde bitirdik umarım düzgün bir şekilde anlatıp bir şeyler öğretebilmişimdir. İyi forumlar.​

hdoWmv.gif
[/CENTER]
 
Üst

Turkhackteam.org internet sitesi 5651 sayılı kanun’un 2. maddesinin 1. fıkrasının m) bendi ile aynı kanunun 5. maddesi kapsamında "Yer Sağlayıcı" konumundadır. İçerikler ön onay olmaksızın tamamen kullanıcılar tarafından oluşturulmaktadır. Turkhackteam.org; Yer sağlayıcı olarak, kullanıcılar tarafından oluşturulan içeriği ya da hukuka aykırı paylaşımı kontrol etmekle ya da araştırmakla yükümlü değildir. Türkhackteam saldırı timleri Türk sitelerine hiçbir zararlı faaliyette bulunmaz. Türkhackteam üyelerinin yaptığı bireysel hack faaliyetlerinden Türkhackteam sorumlu değildir. Sitelerinize Türkhackteam ismi kullanılarak hack faaliyetinde bulunulursa, site-sunucu erişim loglarından bu faaliyeti gerçekleştiren ip adresini tespit edip diğer kanıtlarla birlikte savcılığa suç duyurusunda bulununuz.