اضافة تاثير قلب الصفحه في ال pageView باستخدام فلاتر

اضافة تاثير قلب الصفحه في ال pageView باستخدام فلاتر

اضافة تاثير قلب الصفحه في ال pageView باستخدام فلاتر

تاثير قلب الصفحه يعطي لتطبيقك اختلاف جميل وخصوصا مع التعامل مع ملف pdf تستطيع عمل هذا التاثير عليه بحيث يقوم المستخدم بعمل تحريك لليمين او اليسار ويظهر تاثير قلب الصفحة وهذا التاثير يبحث عنه عدد كبير منكم وفي هذه المقاله سوف نشاركه معكم باذن الله حتى تتمكن من تنفيذه في مشروعك بكل سهوله والامر بسيط جدا من خلال مكتبة نقدمها لكم في هذا المقال وهذه المقال من المقالات الخاصه بتطوير تطبيقات الجوال و الاندرويد .


add package:

page_flip ^0.0.2


How to add effect page_flip in Flutter project

التاثير بسيط جدا بعد تثبيت المكتبة الموجوده بالاعلى يمكنك استخدام خاصية PageFlipWidget وبداخلها ضع controller الخاص بها ولون للتاثير وبداخل children ضع العناصر التي تريد عرضها و lastPage يتم وضع بداخلها او widget تريد ان يظهر عند فتح التطبيق في البداية , ويمكنك وضع اي تصميم او اي عناصر ترغب بها سواء في lastPage او حتى في children بكل سهوله كما هو موضح بالكود التالي .

android sdk manager تحميل flutter developers applications create app android android studio mac


effect.dart

   PageFlipWidget(
        key: _controller,
        backgroundColor: Colors.white,
        showDragCutoff: false,
        lastPage: const Center(child: Text('Last Page!')),
        children: <Widget>[
          for (var i = 0; i < 5; i++) DemoPage(page: i),
        ],
      )
      


تعليقات