شارك المقالة

تخصيص عرض اختيار التاريخ في 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,
),


شاهد أيضًا
مقالات ذات صلة
تطبيق whatsapp كامل باستخدام bloc مفتوح المصدر

تطبيق whatsapp كامل باستخدام bloc مفتوح المصدر في هذا المقال نقدم لكم تطبيق الواتساب الغني…

شرح التعامل مع notification بالعربي #1 : بناء الاشعارات داخل برنامج اندرويد ستوديو – how to build to notification in android studio

  قد لا تخلو تطوير تطبيقات الاندرويد من وجود الاشعارات notification ولذلك نحاول ان نشرح…

إرسال رسائل بريد إلكتروني بسهولة باستخدام SendMail API في Nodejs

  ارسال email لاي شخص بدون كتابة كود backend باستخدام apiتعتبر عملية إرسال رسائل البريد…

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

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