Flutter uchun Yangi boshlanuvchilar

MediaQuery

MediQuery hisoblanadi a Meroslangan vidjet avlod bu o'z ichiga oladi ma `lumot haqida the hajmi nafaqat ota-ona vidjeti, balki butun ekranning. Meroslangan vidjet sifatida vidjet, bu, shuningdek, ilgari kiritilgan MediaQuery.of taqdim etadi MediaQuery uchun daraxtni qidiradigan usul misol.
Uning ishlatilishi kontekstda misol mavjudligi bilan shartlangan. Buni osongina amalga oshirish mumkin qo'shish a Vidjetlar ilovasi misol kabi bizning ildiz vidjet. Vidjetlar ilovasi hisoblanadi emas platformaga xos, kabi Material ilovasi yoki Cupertino ilovasi , qaysi foydalanish bu sinf ichida ularning ichki amalga oshirish.
Keling qarang Qanday uchun foydalanish MediaQuery sinf uchun qilish a sezgir tartib.

MediaQuery misoli

Bizning Favors ilovamiz hozircha ekran o'lchami bo'yicha javob bermaydi. U vertikal kartalar ro'yxatini ko'rsatadi bu to'ldiradi the mavjud bo'sh joy yoqilgan the ekran. Uchun tipik smartfonlar, bu ko'rinadi yaxshi, lekin kattaroq ekranli qurilmalarda u shunday ko'rinadi:





Sifatida siz mumkin qarang, har biri karta to'ldiradi har biri qator, va ular bor a ko'p kattaroq dan zarur. Biz Agar kartani ko'rsatishimiz kerak bo'lgandan ko'ra ko'proq joy bo'lsa, buni ekran o'lchamiga qarab o'zgartirishi va ro'yxatda ko'proq narsalarni ko'rsatishi mumkin.
tomonidan foydalanish the MediaQuery sinf, biz bor qilingan a hisoblash uchun o'zgartirish the raqam Har bir satrda ko'rsatilgan kartalar soni:

// qismi ning hands_on_mediaquery/lib/main.dart fayl

sinf Favors List uzaytiradi Davlatsiz vidjet {

// ... yashirin uchun qisqalik @override
Vidjet qurish (BuildContext kontekst) { qaytish Ustun(
mainAxisSize: MainAxisSize.max, bolalar: [
to'ldirish( bola: Matn(
sarlavha,
uslub: sarlavha uslubi,


),
to'ldirish: EdgeInsets.only(yuqori: 16.0),
),
Kengaytirilgan(