شارك المقالة

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


شاهد أيضًا
مقالات ذات صلة
انشاء Custom Slider شريط لاختيار المقاس

انشاء Custom Slider شريط لاختيار المقاس لإنشاء Custom Slider في فلاتر، يمكنك استخدام عنصر واجهة…

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

  متابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio, في هذا…

اندرويد ستوديو – كيفية عرض البيانات داخل كل RecyclerView عن طريق Fragment RecyclerView onClick android Studio

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

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

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