تخصيص عرض اختيار التاريخ في 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 كما هو موضح بالكود مع تحديد المساحه الخاصه به وايضا عمل تغيير له عندما يتم تحديث البيانات حتى تظهر على الشاشه البيانات الجديده ويمكنك استخدامها بكل سهوله والصورة الموجوده توضح العمليه بشكل كامل مع النتيجة النهائيه للكود الذي يظهر .
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,
),
