Flutter uchun Yangi boshlanuvchilar

bola: _builldCardsList(kontekst),
),
],
);
}

In the Oldingi kod, tomonidan o'rash the yaxshilik qiladi ro'yxati ichiga a Kengaytirilgan vidjet, hammasi

the mavjud bo'sh joy ning the Ustun vidjet hisoblanadi ishg'ol qilingan, va biz ruxsat bering mantiq ning hajmini o'zgartirish bilan
MediaQuery uchun the _buildCardsList() usuli kabi quyidagicha:
const kFavorCardMaxWidth = 450,0; // a maksimal karta kengligi

sinf Favors List uzaytiradi Davlatsiz vidjet {

// ... yashirin uchun qisqalik

Vidjet _builldCardsList (BuildContext kontekst) {

final ekran kengligi = MediaQuery.of(context).size.width;
final cardsPerRow = maksimal (ekran kengligi ~/ kFavorCardMaxWidth, 1);
// max() funktsiyasi dan dart: matematika agar paket (ekran kengligi > 400) {
qaytish GridView.builder(
fizika: BouncingScrollPhysics(), itemCount: favors.length, scrollDirection: Axis.vertical,
itemBuilder: (BuildContext kontekst, int indeks) { yakuniy ne'mat = yaxshiliklar[indeks];
qaytish FavorCardItem (yoqimlilik: yaxshilik);
},
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount (childAspectRatio: 2.8,
crossAxisCount: cardsPerRow,
),
);
}
qaytish ListView.builder(
fizika: BouncingScrollPhysics(), element soni: ne'matlar.uzunlik,
itemBuilder: (BuildContext kontekst, int indeks) { final yaxshilik = imtiyozlar[indeks];
qaytish FavorCardItem (yoqimlilik: yaxshilik);
},
);
}
}

Oldingi kodda biz mavjud ekran kengligini ajratishimiz mumkinligini ko'rishingiz mumkin (olindi MediaQuery.of(context).size.width dan kartaning istalgan maksimal kengligi ( kFavorCardMaxWidth ) boʻyicha va do'kon bu ichiga the cardsPerRow o'zgaruvchan. Keyinchalik, biz foydalanish bu ketma-ket yana bitta karta uchun joy mavjudligini tekshirish. Keyin, agar bo'sh joy bo'lsa, biz GridView yordamida kartalarni sanab o'tamiz CardsPerRow ko'rsatuvchi vidjet ustunlar. Agar bittadan ortiq karta uchun joy bo'lmasa, biz ListViewni ko'rsatamiz oldingi kabi vidjet. Bu natija:

Ushbu vazifa uchun boshqa Flutter vidjetlari mavjud, shuning uchun kartalarni yanada moslashuvchan tarzda ko'rsatish uchun ro'yxatdan boshqa konteynerdan foydalanish yaxshiroq yondashuv bo'lishi mumkin. Boshqa sinflar mumkin Yordam bering yoqilgan tartib sozlashlar. Keling qarang biroz ning ular ichida the Keyingi Bo'lim.