THT DUYURU

Seçenekler

Flutter dersleri #5 Verileri Yeni Bir Ekrana Gönderme

Rumexus - ait Kullanıcı Resmi (Avatar)
Moderatör
Üyelik tarihi:
01/2016
Nereden:
7
Mesajlar:
2.165
Konular:
113
Teşekkür (Etti):
1062
Teşekkür (Aldı):
820
Ticaret:
(0) %
10
3034
2 Hafta önce
#1


Verileri Yeni Bir Ekrana Gönderme


Genellikle, yalnızca yeni bir ekrana gitmekle kalmaz, aynı zamanda verileri ekrana da iletirsiniz. Örneğin, dokunulan öğe hakkında bilgi aktarmak isteyebilirsiniz.

Önemli:
Ekranlar yalnızca widget'lardır. Bu örnekte, yapılacaklar listesini oluşturun. Bir todo öğesine dokunduğunuz zaman, todo hakkında verilecek bilgiyi görüntüleyen yeni bir ekrana gidilmesini sağlar.




Yapılacaklar Sınıfı Tanımlayın



İlk olarak, todolar'ı temsil etmek için bir yola ihtiyacınız var. Bu örnekte, iki veri parçası içeren bir sınıf oluşturun: başlık ve açıklama

Kod:
class Todo {
    final String başlık;
    final String aciklama;
    Todo(this.baslik, this.aciklama);
}


Yapılacaklar Listesi Oluşturma



Todo listesini oluştur:

Kod:
final todos = List<Todo>.generate(
    20,
    (i) => Todo(
      'Todo $i',
      'Todo $ i için yapılması gerekenler hakkında bir açıklama',
 ),
);
ListView kullanarak yapılacaklar listesini görüntüleme:

Kod:
ListView.builder(
   itemCount: todos.length,
   itemBuilder: (context, İndex) {
     return ListTile(
       title: Text(Toros[İndex].başlık),
  );
 },
);


Yapılacak Bilgiler İçin Ekran Oluşturma



Şimdi ikinci ekran oluşturun. Ekran başlığı yapılacak bölümün başlığını içerir ve ekranın gövdesi açıklamayı gösterir. Ayrıntı ekranı normal bir StatelessWidget olduğundan, kullanıcının kullanıcı arayüzüne bir Todo girmesini isteyin. Ardından, verilen todo'yu kullanarak kullanıcı arayüzünü oluşturun.

Kod:
class DetailScreen extends StatelessWidget {
   //Yapılacak olan bir alan bildirin. 
   final Todo todo;
   //Yapıcıda, bir Todo gerektirir. 
   DetailScreen ({key: key);
  this.todo}) : super.(key: key);
        @Override
       Widget build(BuildContext context) {
    //Kullanıcı arayüzünü oluşturmak için Yapılacaklar'ı kullanın. 
         return Scaffold(
          appBar: AppBar(
            title: Text(todo.baslik),
         ),
         body: Padding(
          padding: EdgeInsest.all(16.0),
          child: Text(todo.aciklama),
   ),
  );
 }
}


Verileri Ayrıntı Ekranına Gidin Ve Aktarın



Bir DetailScreen takılıyken Gezinme işlemini gerçekleştirmeye hazırsınız. Bu örnekte, kullanıcı listede bir yapılacaklar listesine dokunduğunda DetailScreen'e gidin. Todo'yu DetailScreen'e aktarın. Kullanıcının dokunmasını yakalamak için, ListTile widget'ı için bir onTap () geri çağrısı yazın. OnTap () geri çağrısında Navigator.push () yöntemini kullanın.

Kod:
ListView.builder(
  itemCount: todos.length,
  itemBuilder: (context, İndex) {
     return ListTile(
        title: Text(todos[İndex].baslik),
        //Bir kullanıcı ListTile öğesine dokunduğunda, DetailScreen'e gidin. 
       //Sadece bir DetailScreen oluşturmakla kalmayacağınıza dikkat edin,
      // mevcut todo'yu ona aktarıyorsunuz. 
       onTap: () {
         Navigator.push(
           context,
           MaterialPageRoute(
           builder: (context) =>
DetailScreen(todo: todos[İndex]),
     ),
    );
   },
  );
 },
);



5. Dersimizde bu şekilde bitirdik umarım düzgün bir şekilde anlatıp bir şeyler öğretebilmişimdir. İyi forumlar.

---------------------
Acizler için imkansız, korkaklar için inanılmaz gözüken şeyler kahramanlar için idealdir.
Konu Rumexus tarafından ( 2 Hafta önce Saat 07:50 ) değiştirilmiştir.
Slientname - ait Kullanıcı Resmi (Avatar)
Heyk Meyk Yok
Üyelik tarihi:
10/2019
Yaş:
19
Mesajlar:
711
Konular:
21
Teşekkür (Etti):
102
Teşekkür (Aldı):
512
Ticaret:
(0) %
2 Hafta önce
#2
Ellerinize Emeğinize Sağlık Hocam
Rumexus - ait Kullanıcı Resmi (Avatar)
Moderatör
Üyelik tarihi:
01/2016
Nereden:
7
Mesajlar:
2.165
Konular:
113
Teşekkür (Etti):
1062
Teşekkür (Aldı):
820
Ticaret:
(0) %
2 Hafta önce
#3
Alıntı:
Slientname´isimli üyeden Alıntı Mesajı göster
Ellerinize Emeğinize Sağlık Hocam
Teşekkürler Slient
---------------------
Acizler için imkansız, korkaklar için inanılmaz gözüken şeyler kahramanlar için idealdir.
'PedroDavis - ait Kullanıcı Resmi (Avatar)
Moderatör
Üyelik tarihi:
06/2015
Nereden:
Unknown
Mesajlar:
2.263
Konular:
49
Teşekkür (Etti):
84
Teşekkür (Aldı):
477
Ticaret:
(0) %
2 Hafta önce
#4
Elinize sağlık Rumexus hocam, yine harikalar yaratıyorsunuz.
---------------------
"Mutlak muvaffak olacağız!"
- Mustafa Kemal ATATÜRK


Telegram
Konu Rumexus tarafından ( 2 Hafta önce Saat 11:16 ) değiştirilmiştir.
Rumexus - ait Kullanıcı Resmi (Avatar)
Moderatör
Üyelik tarihi:
01/2016
Nereden:
7
Mesajlar:
2.165
Konular:
113
Teşekkür (Etti):
1062
Teşekkür (Aldı):
820
Ticaret:
(0) %
2 Hafta önce
#5
Alıntı:
'PedroDavis´isimli üyeden Alıntı Mesajı göster
Elinize sağlık Rumexus hocam, yine harikalar yaratıyorsunuz.
Eyvallah Pedro'm, güzel iltifatın için ayrıca teşekkür ederim
---------------------
Acizler için imkansız, korkaklar için inanılmaz gözüken şeyler kahramanlar için idealdir.
Ghost Killer - ait Kullanıcı Resmi (Avatar)
Anka Underground (Çaylak)
Üyelik tarihi:
01/2019
Nereden:
J İ T E M
Mesajlar:
3.453
Konular:
116
Teşekkür (Etti):
108
Teşekkür (Aldı):
1963
Ticaret:
(0) %
2 Hafta önce
#6
eline sağlık başarılı konu.
--------------------- Aşk güzeldir karşılığı varsa ama karşılıksız da sevilir karşımdaki vatansa...

#Ghost Killer#
HackerPluss - ait Kullanıcı Resmi (Avatar)
Basın & Medya Ekibi
Üyelik tarihi:
11/2020
Nereden:
THT Toprağı
Mesajlar:
695
Konular:
56
Teşekkür (Etti):
245
Teşekkür (Aldı):
543
Ticaret:
(0) %
2 Hafta önce
#7
Ellerinize Sağlık Hocam
---------------------


Türk'ün Çığlığı Dünyayı Sarsacak!

Rumexus - ait Kullanıcı Resmi (Avatar)
Moderatör
Üyelik tarihi:
01/2016
Nereden:
7
Mesajlar:
2.165
Konular:
113
Teşekkür (Etti):
1062
Teşekkür (Aldı):
820
Ticaret:
(0) %
2 Hafta önce
#8
Alıntı:
Ghost Killer´isimli üyeden Alıntı Mesajı göster
eline sağlık başarılı konu.
Teşekkürler

Alıntı:
HackerPluss´isimli üyeden Alıntı Mesajı göster
Ellerinize Sağlık Hocam
Teşekkürler
---------------------
Acizler için imkansız, korkaklar için inanılmaz gözüken şeyler kahramanlar için idealdir.
MrSytem - ait Kullanıcı Resmi (Avatar)
Katılımcı Üye
Üyelik tarihi:
08/2019
Mesajlar:
591
Konular:
103
Teşekkür (Etti):
242
Teşekkür (Aldı):
433
Ticaret:
(0) %
2 Hafta önce
#9
Burada birşey kokuyor?

-Emek

İyi Forumlar
---------------------

BİZİ BOZAR!
Rumexus - ait Kullanıcı Resmi (Avatar)
Moderatör
Üyelik tarihi:
01/2016
Nereden:
7
Mesajlar:
2.165
Konular:
113
Teşekkür (Etti):
1062
Teşekkür (Aldı):
820
Ticaret:
(0) %
2 Hafta önce
#10
Alıntı:
MrSytem´isimli üyeden Alıntı Mesajı göster
Burada birşey kokuyor?

-Emek

İyi Forumlar
Eyvallah
---------------------
Acizler için imkansız, korkaklar için inanılmaz gözüken şeyler kahramanlar için idealdir.

Bookmarks


« Önceki Konu | Sonraki Konu »
Seçenekler