Flutter uchun Yangi boshlanuvchilar

Qahramon(


teg: "description_${favor.uuid}",
bola: Matn(
yaxshilik. tavsif, uslub: tana uslubi,
),
),
_itemFooter(kontekst, yaxshilik)
...
}
...
}

In the bir xil yo'l, biz bor tahrirlangan the _itemHeader usuli uchun bor a Qahramon avatarimizni o'rab turgan vidjet :

Vidjet _itemHeader (BuildContext kontekst, Yaxshilik yaxshilik) {

...
Qahramon(
teg: "avatar_${favor.uuid}",
bola: CircleAvatar( fon rasmi: Tarmoq tasviri(
yaxshilik.friend.photoURL,
),
),
),
...
}

To'lash diqqat uchun the teg mulk ning Qahramon . Biz bor belgilangan bu tomonidan foydalanish the yaxshilik uuid

qiymat uchun qilish the Qahramon noyob aniqlash mumkin ichida the kontekst.
Kimga ishga tushirish the Yaxshilik tafsilotlar ekran, biz kerak a kichik o'zgartirish ichida bizning Favors List vidjet:
sinf Favors List uzaytiradi Davlatsiz vidjet {
...
@override
Vidjet qurish (BuildContext kontekst) {
...
Kengaytirilgan(
bola: ListView.builder(
fizika: BouncingScrollPhysics(), element soni: ne'matlar.uzunlik,
itemBuilder: (BuildContext kontekst, int indeks) { final yaxshilik = imtiyozlar[indeks];
qaytish InkWell (onTap: () {
Navigator.push (kontekst,


PageRouteBuilder(
// o'tish muddati: Davomiyligi (sekundlar: 3),
// izohni bekor qilish uchun qarang bu o'tish sekinroq pageBuilder: (_, , ) =>
FavorDetailsPage(afsus: yaxshilik),
),
);
},
bola: FavorCardItem (iltimos: yaxshilik),
);
},
),
),
...
}
...
}

Biz bor o'ralgan bizning FavorCardItem ichiga a InkWell vidjet uchun tutqich kranlar yoqilgan bu. Foydalanuvchi unga tegsa, yangi Marshrut Navigatorga suriladi ko'rsatish uchun

the FavorDetailsPage vidjet.

The oxirgi qismi uchun olish a qarang da hisoblanadi the FavorDetailsPage vidjet. Bu yerda, biz yaratmoq the yoqimtoy tafsilotlari ekranining yakuniy ko'rinishi va Qahramonga marhamatli avatar va tavsifni o'rash orqali vidjetlar, bizda ajoyib o'tish bor. Uning tuzilishi shunday () usul ko'rinadi:

// qismi ning hands_on_hero/lib/main.dart

sinf _FavorDetailsPageState uzaytiradi Davlat { @override
Vidjet qurish (BuildContext kontekst) {
final tana uslubi = Theme.of(context).textTheme.display1; qaytish Iskala(
tanasi: karta( bola: to'ldirish(
to'ldirish: EdgeInsets.symmetric(vertikal: 10.0, gorizontal: 25.0), bola: Ustun(
mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.stretch, bolalar: [
_itemHeader(kontekst, widget.favor),

Konteyner (balandligi: 16.0), Kengaytirilgan(

bola: markaz(