شارك المقالة

تخصيص عرض اختيار التاريخ في flutter الى reel كاجهزة ios


تخصيص عرض اختيار التاريخ في flutter الى reel كاجهزة ios

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


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


How to show select time to reel

هذا الكود لن يعمل سوى في methode لهذا عندما قمنا بعمل زر وعند النقر عليه تم اظهار showCupertinoModalPopup كما هو موضح بالكود مع تحديد المساحه الخاصه به وايضا عمل تغيير له عندما يتم تحديث البيانات حتى تظهر على الشاشه البيانات الجديده ويمكنك استخدامها بكل سهوله والصورة الموجوده توضح العمليه بشكل كامل مع النتيجة النهائيه للكود الذي يظهر .


How to show select time to reel

select.dart


myListTitle(
  onClick: () {
    showCupertinoModalPopup(
        context: context,
        builder: (BuildContext builder) {
          return Container(
            height: context.heightScreenWithOutBottom * 0.25,
            color: Theme.of(context).scaffoldBackgroundColor,
            child: CupertinoDatePicker(
              mode: CupertinoDatePickerMode.date,
              onDateTimeChanged: (value) {
                setState(() {
                  dataOfBirth.text = DateFormat.yMMMd().format(value);
                });
              },
              initialDateTime: DateTime.now(),
              minimumYear: 2000,
              maximumYear: 3000,
            ),
          );
        });
  },
  title: dataOfBirth.text.isEmpty ? AppString.date_of_brith : dataOfBirth.text,
  svgImg: Assets.images.svg.date,
),


شاهد أيضًا
مقالات ذات صلة
كود البينري سيرش – Binary Search بلغة الجافا java مع الشرح بالعربي

خوارزمية البحث الثنائي واحد من أكثر الخوارزميات التي يتم استخدامها في عالم البرمجة وايضا يتم…

شرح Proxy Design Pattern بالتفصيل مع مثال عملي بلغة Java، الفرق بين استخدامه وعدم استخدامه، وأهم المميزات والعيوب مع تطبيق عملي على نظام مدفوعات.
شرح Proxy Design Pattern بالتفصيل في Java مثال عملي مع المميزات والعيوب

شرح Proxy Design Pattern بالتفصيل – فهم نمط الوكيل في Java مع مثال عملي في…

إنشاء ايقونة للبحث تظهر فقط اثناء الضغط عليها في فلاتر

إنشاء ايقونة للبحث تظهر فقط اثناء الضغط عليها في فلاترفي هذا الدرس نقدم لكم مكتبة…

🚫 مانع الإعلانات مفعل

يجب إيقاف مانع الإعلانات لاستكمال تصفح الموقع