شرح حذف تاثير الscroll اثناء التمرير في فلاتر | How to remove scroll effect while scrolling in flutter

شرح حذف تاثير الscroll اثناء التمرير في flutter

في بعض الاحيان نحتاج الى القيام بعملية ازالة للاسكرول او تاثير الاسكرول في تطبيقاتنا وانا هنا سوف اشرح لكم كيف تقوم هذه الفكرة وكيف تستطيع الغاء تاثير ال scroll من تطبيقك والغاء التاثير بشكل صحيح بدون اي مشاكل كل ما عليك هو اتباع الاكواد التاليه بشكل صحيح حتى لا يحدث معك اي مشاكل اثناء القيام بها والامر بسيط جدا وهنا سوف نقوم بشرحه لكم حتى تتمكن من تنفذه بدون ادنى مشاكل تماما في تطبيقك الاليكتروني .

هل يمكنك التفكير في شخص يقوم بإجراء مكالمات على هاتفه فقط؟ في الواقع ، تطورت الهواتف الذكية منذ فترة طويلة إلى أجهزة يمكنها القيام بأكثر من مجرد إجراء مكالمات.

في الوقت الحاضر ، يمكن للمستهلكين استخدام التطبيقات على هواتفهم لتنفيذ مجموعة متنوعة من المهام اليومية. بالإضافة إلى ذلك ، هناك عدد متزايد من تطبيقات الهاتف المحمول. وفقًا لـ Statista ، يمكن الوصول حاليًا إلى ما يقرب من 3.5 مليون تطبيق لنظام Android و 2.2 مليون لنظام iOS.

تواصل الشركات تطوير حلول مبتكرة للهاتف المحمول على الرغم من وفرة التطبيقات في السوق في محاولة لتكون مرئية وذات صلة. يعد تطوير تطبيقات الهاتف المحمول الأصلية إحدى الطرق العديدة لتحقيق ذلك.

. Arounda هي مزود حسن السمعة لتطوير وتصميم تطبيقات الهاتف المحمول.

How to remove effect Scroll in flutter project

سوف تحتاج ان تقوم بعمل wrap لل body ب NotificationListener وهذا يساعدك على الغاء التاثير وايضا التحكم الكامل ف عملية scroll ولعمل الغاء للتاثير ضع verScroll.disallowGlow بداخل onNotification حتى يتم الغاءه لديك من مشروعك بشكل صحيح .واسفلها بداخل ال child ارجع التصميم الذي ترغب به لديك في مشروعك .

code.dart

body: NotificationListener<OverscrollIndicatorNotification>(
        onNotification: (overScroll) {
          overScroll.disallowGlow();
          return;
        },
        child: SingleChildScrollView(
          child: Column(
            children: [
              Container(
                width: 200,
                height: 200,
                color: Colors.lightGreen,
              ),
              Container(
                width: 200,
                height: 200,
                color: Colors.purple,
              ),
              Container(
                width: 200,
                height: 200,
                color: Colors.orange,
              ),
              Container(
                width: 200,
                height: 200,
                color: Colors.white,
              ),
            ],
          ),
        ),
      ),
      

source code