Omad kulib boqqanda sen nega kulmadin degan rasm

Bunisida tayyor companentalar bor ekan man faqat bittasini oldim projectga copy paste qilsa bo'ladganlar ham bor
Link https://fluttercomponentlibrary.com saytga kirish biroz vaqt oladi

Figmadan foydalanganda kerak boladgan extension ekan shunchaki extensionga Figma dep yozsih yetadi

Flutterda Custom Route yozish mumkinligini bilarmidinga?

Kelinglar birgalikda ko'rib chiqamiz.

Flutterda oddiy Navigator.push() o‘rniga o‘zingizning Custom Route ni yaratib, animatsiyalarini sozlashingiz mumkin. Keling, Custom Route ni qanday yozish va uni extension sifatida projectda qanday ishlatish mumkinligini ko‘rib chiqamiz.

📌 Custom Route yozish:

class CustomPageRoute extends PageRouteBuilder {
  final Widget page;
  CustomPageRoute({required this.page})
      : super(
          pageBuilder: (context, animation, secondaryAnimation) => page,
          transitionsBuilder: (context, animation, secondaryAnimation, child) {
            var begin = Offset(1.0, 0.0); // O'ngdan chapga animatsiya
            var end = Offset.zero;
            var tween = Tween(begin: begin, end: end);
            var offsetAnimation = animation.drive(tween);

            return SlideTransition(
              position: offsetAnimation,
              child: child,
            );
          },
        );
}

🔹 Bu yerda biz PageRouteBuilder dan foydalanib, yangi Custom Route yaratdik. Ekranlar orasida slide transition animatsiyasi qo‘shildi.

📌 Extension yozish:

extension CustomNavigator on BuildContext {
  void navigateTo(Widget page) {
    Navigator.of(this).push(CustomPageRoute(page: page));
  }
}

🔹 Endi biz BuildContext uchun extension yozdik, bu orqali ekrandan ekranga o‘tishda oddiy context.navigateTo() metodidan foydalanishimiz mumkin.

📌 Foydalanish:

context.navigateTo(SecondPage());

Shu orqali yangi page ga o‘tish uchun oddiy va aniq kod yozamiz.

📍 Xulosa: Custom Route va Extension orqali ekranlar orasida o‘tishni yanada qiziqarli va animatsion tarzda amalga oshirishimiz mumkin.!

🔋Obuna bo'lishni unutmang.

Telegram: https://t.me/mirjalol_abdunazarovv

Youtube: https://www.youtube.com/@mirjalol_abdunazarov

Website: https://devaxis.tilda.ws/

Linked In: https://www.linkedin.com/in/mirjalol-abdunazarov-322b1b286/

#post_custom_routing@mirjalolabdunazarovv

.

..

Mendan Figma chi chiqadimi ?

Negadir bug ni topa olmayapman

Ha bugunga kech boldi muammo joyida toshdek qotti 😐

Qotip qoldi
Loading.....