Flutter uchun Yangi boshlanuvchilar

Ekran o'tishlari

Ekranlarni o'zgartirish foydalanuvchi tajribasi nuqtai nazaridan silliq bo'lishi kerak. Biz buni ko'rdik Navigator vidjetlar ish yoqilgan a Overlay uchun boshqarish Marshrutlar . The o'tish marshrutlar orasidagi ham shu darajada boshqariladi.
Sifatida biz bor ko'rgan, MaterialPageRoute va CupertinoPageRoute bor sinflar bu qo'shish eski va yangi Marshrut o'rtasida platformaga moslashuvchi o'tish bilan qoplamaga modal marshrut .
Yoniq Android, masalan, the kirishga o'tish uchun sahifa siljiydi sahifa yuqoriga va yo'qoladi bu ichida. The Chiqish o'tish qiladi the bir xil ichida teskari. Yoniq iOS, the sahifa slaydlar ichida dan o'ng va teskari chiqadi. Flutter shuningdek, ekranlar o'rtasida o'z o'tishlarimizni qo'shish orqali ushbu xatti-harakatni sozlash imkonini beradi.

PageRouteBuilder

PageRouteBuilder hisoblanadi the ta'rifi ning a Marshrut yaratish. The hujjatlar beradi quyidagi ta'rif:
“A qulaylik sinf uchun aniqlash bir martalik sahifa marshrutlar ichida shartlari ning qayta qo'ng'iroqlar."
Agar siz esda tuting, Vidjetlar ilovasi o'z ichiga oladi a pageRouteBuilder mulk qayerda biz qaysi PageRoute -ni belgilang bizning ilovamiz tomonidan ishlatilishi kerak va o'tishlar odatda belgilangan joylarda.
PageRouteBuilder o'z ichiga oladi bir nechta qayta qo'ng'iroqlar va xususiyatlari uchun Yordam bering ichida the PageRoute
ta'rifi. Bu yerda bor ba'zi misollar:
transitionsBuilder : The quruvchi qayta qo'ng'iroq qilish uchun the o'tish, qayerda biz oldingi yo'nalishdan yangi marshrutga o'tishni qurish
o'tish muddati : The davomiyligi uchun the o'tish
to'siq rangi va to'siqDisissable : Bu belgilaydi qisman qoplangan to'liq ekran emas, balki modelning marshrutlari

Maxsus o'tishlar ichida amaliyot

Biz mumkin yaratmoq a odatiy o'tish va murojaat qiling bu global miqyosda ichida bizning ilova foydalanish
pageRouteBuilder :
// qismi ning navigation_transition.dart
sinf _NavigatorTransitionAppState uzaytiradi Holat { @override
Vidjet qurish (BuildContext kontekst) { qaytish WidgetsApp(
rang: Ranglar.ko'k, marshrutlar: {
'/': (kontekst) => _screen1 (kontekst), '/2': (kontekst) => _screen2 (kontekst),
},
pageRouteBuilder: (Marshrut sozlamalari sozlamalar, WidgetBuilder quruvchi) {
qaytish PageRouteBuilder (