شارك المقالة

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


شاهد أيضًا
مقالات ذات صلة
شروحات تطوير تطبيقات الاندرويد بالعربي : كيفية اضافة Button Bar احترافي لتطبيقك في Android Studio

  مرحبا بكم من جديد في دروس تحسين و تطوير تطبيقات الموبايل في هذة المقالة…

tabs list animation scroll
شرح عمل انتقال لعناصر tabs list animation scroll مع انميشن عند النقر على اي عنصر

شرح عمل انتقال لعناصر list من tabs مع انميشن عند النقر على اي عنصر باستخدام…

كيفية اضافة فلتر blur و Gaussian و median و laplacian للصور في لغة بايثون

 كيفية اضافة فلتر blur و Gaussian و median و laplacian للصور في لغة بايثون اذا كنت…

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

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