Flutter uchun Yangi boshlanuvchilar

The ilova ekranlari

The Do'stim Ne'matlar ilova bo'ladi iborat ning ikki ekranlar. In ikkalasi ham ning ular, biz bo'ladi bo'l foydalanish Materiallar dizayni komponentlari Flutter tomonidan taqdim etilgan. Birinchi ekranda ne'matlar ro'yxati, ikkinchisi esa do'stingizdan iltifot so'rash uchun shakl bo'ladi. Hozircha biz xotiradagi ro'yxatlardan foydalanamiz; ya'ni ma'lumotlar ilovadan boshqa joyda saqlanmaydi.

The ilova kod

The ilova kod hisoblanadi emas to'liq funktsional hali. Bu kichik yetarli uchun ko'rsatish yuqoriga the tartib. Bu MaterialApp dasturini yaratadi bosh ekranni imtiyozlar roʻyxati sahifasiga oʻrnatuvchi vidjet namunasi,
chaqirdi Favors sahifasi :
sinf Mening ilovam uzaytiradi davlatsiz vidjet {
// foydalanish masxara qilish qiymatlar dan mock_favors dart fayl uchun hozir @override
Vidjet qurish (BuildContext kontekst) { qaytish MaterialApp (
sarlavha: 'Flutter Demo',
uy: FavorsPage(
PendingAnswerFavors: mockPendingFavors, completeFavors: mockCompletedFavors, refusedFavors: mockRefusedFavors, acceptedFavors: mockDoingFavors,
),


);
}
}

Material ilovasi butun ilova uchun foydali vositalarni taqdim etadigan vidjetdir. Ulardan biri bu mavzu vidjet, bu bizga materialdan so'ng ilova uslublarimiz va ranglarimizni o'zgartirish imkonini beradi Dizayn ko'rsatmalar. Boshqa foydali asbob hisoblanadi the Navigator vidjet, qaysi boshqaradi navigatsiyadagi ilova vidjetlari to'plami stekga o'xshash usul, biz qayerda harakat qilishimiz mumkin uchun navigatorga bosish orqali ekranni tanlang yoki uni ochish orqali orqaga qayting. Biz ilovada ikkala vidjetdan ham foydalanamiz. Navigator biz uyni o'rnatganimizda allaqachon bu erda qo'llaniladi MaterialApp mulki vidjet. Navigator marshrutdan vidjetgacha ishlaydi; ya'ni bor oz yo'llari uchun aniqlash xos marshrutlar ishora uchun xos vidjetlar, va qachon biz navigatsiya qilish uchun marshrut bo'lsa, u mos keladigan vidjetga o'tish imkoniyatiga ega bo'ladi. ni o'rnatish orqali

uy mulk bilan biroz vidjet, biz bor aytish the Navigator uchun foydalanish bu vidjet kabi
the '/' marshrut ( boshlang'ich marshrut ning ilova ).

In bu birinchi bosqich, biz bo'ladi bo'l qarab da the ilova tartib boshlang'ich tuzilishi, qaysi bo'ladi rivojlanadi yangi uslublar va vidjetlar bilan kitobning oxirigacha. Keyingi bobda siz teginishlar va shakl maydonlari yordamida foydalanuvchi kiritish usullarini qanday qo'shishni o'rganasiz. Keyinchalik, bobda

6 , Mavzu va Styling , biz bo'ladi qarang Qanday uchun moslashtirish the qarang ning the ilova tomonidan foydalanish moddiy mavzu. Shunday qilib, keling, ekran tartiblarini ko'rib chiqishdan boshlaylik.

Ne'matlar ilova asosiy ekran

The birinchi ekran ning the ilova hisoblanadi the uy ekran, qaysi bo'ladi iborat ning to'rtta yorliqlar ro'yxatga olish imtiyozlar va ularning maqomlari:


Kutilmoqda yaxshilik : Ne'matlar so'ralgan tomonidan biroz do'stlar bu biz bor emas hali javob berdi
Amalga oshirilayotgan/bajarilayotgan yaxshilik : The qabul qilingan ne'matlar; bu bu, the yaxshilik qiladi biz bor hozir qilyapman:



Bajarildi yaxshilik : The allaqachon tugallangan yaxshilik qiladi
Rad etilgan yaxshilik : A ro'yxati ning yaxshilik qiladi bu biz rad etdi uchun qil ( qabul qilinmaydi):

The ro'yxati bo'ladi o'z ichiga oladi hammasi the yaxshilik qiladi ning the ilova, ajratilgan tomonidan toifalar, kabi sanab o'tilgan. Da the yuqori ning tartib, biz bor a Tabbar misol bu bo'ladi bo'l ishlatilgan uchun o'zgartirish the tab uchun the hohlagan ro'yxati. Shundan so'ng, har bir yorliqda bizda kartalar ro'yxati mavjud o'z toifasiga mos keladigan harakatlarni o'z ichiga olgan elementlar.

Shuningdek, the suzuvchi harakat tugmasi da the pastki oxiri ning the ekran kerak yo'naltirish uchun the