
style - TextStyle - backgroundColor - fontSize - color - fontFamily - fontStyle - fontWeight - letterSpacing - wordSpacing - softWrap - textAlign - textDirection - maxLines - overflow
decoration
childrent: [ ]
verticalDirection: VerticalDirection.down,
VerticalDirection.up,
mainAxisAlignment : MainAxisAlignment.spaceEvenly ,
MainAxisAlignment.spaceBetween,
MainAxisAlignment.end,
MainAxisAlignment.start,
MainAxisAlignment.center,
MainAxisAlignment.spaceAround,
MainAxisAlignment.spaceBetween,
crossAxisAlignment : CrossAxisAlignment.start,
CrossAxisAlignment.end,
CrossAxisAlignment.center,
CrossAxisAlignment.stretch,
mainAxisSize: MainAxisSize.max,
MainAxisSize.min,
textDirection: TextDirection.rtl,
TextDirection.ltr,
childrent: [ ]
verticalDirection: VerticalDirection.down,
VerticalDirection.up,
mainAxisAlignment : MainAxisAlignment.spaceEvenly ,
MainAxisAlignment.spaceBetween,
MainAxisAlignment.end,
MainAxisAlignment.start,
MainAxisAlignment.center,
MainAxisAlignment.spaceAround,
MainAxisAlignment.spaceBetween,
crossAxisAlignment : CrossAxisAlignment.start,
CrossAxisAlignment.end,
CrossAxisAlignment.center,
CrossAxisAlignment.stretch,
mainAxisSize: MainAxisSize.max,
MainAxisSize.min,
textDirection: TextDirection.rtl,
TextDirection.ltr,
Colors.nam_color
Color(0xfffffff)
Color.RGBO(255,255,255,1)
Color.ARGB(255,255,255,255);
fontFamily
LinearGradient , RadialGradient , SweepGradient
"state" refers to the mutable data in a widget. Flutter is a UI toolkit that allows you to build natively compiled applications for mobile, web, and desktop from a single codebase. Widgets in Flutter can be either stateful or stateless.
Stateful Widget
Stateless Widget
Image.Network
Image.asset
maxLines
textInputAction
textAlign
enabled
onTapOutside
onTap
onChanged
onSubmitted
onEditingComplete
textDirection
cursorColor
keyboardType
style
obscureText
readOnly
prefixIcon
suffixIcon
enabledBorder
border
focusedBorder
disabledBorder
errorBorder
OutlineInputBorder
prefixIcon
suffixIcon
enabledBorder
border
focusedBorder
disabledBorder
errorBorder
OutlineInputBorder
onPressed
onLongPressed
style
ButtonStyle
alignment
shape
MaterialStateProperty
backgroundColor
Navigator.push
Navigator.pop
Navigator.pushAndReplacment
Navigator.pushAndRemoveUntil
Github
https://github.com/Ahmed-elsaid-AEA/mini_flutter_nft_marketplace
figma link
https://www.figma.com/file/D2J9Jb4DMHnmgmXQ01FXH8/UI-Design-a-Dark-Mode-NFT-app-(Community)?type=design&node-id=60%3A543&mode=design&t=Zr0RjcrySLF9pvLP-1
Github
https://github.com/Ahmed-elsaid-AEA/mini_flutter_nft_marketplace
figma link
https://www.figma.com/file/D2J9Jb4DMHnmgmXQ01FXH8/UI-Design-a-Dark-Mode-NFT-app-(Community)?type=design&node-id=60%3A543&mode=design&t=Zr0RjcrySLF9pvLP-1
Github
https://github.com/Ahmed-elsaid-AEA/mini_flutter_nft_marketplace
figma link
https://www.figma.com/file/D2J9Jb4DMHnmgmXQ01FXH8/UI-Design-a-Dark-Mode-NFT-app-(Community)?type=design&node-id=60%3A543&mode=design&t=Zr0RjcrySLF9pvLP-1
Github
https://github.com/Ahmed-elsaid-AEA/mini_flutter_nft_marketplace
figma link
https://www.figma.com/file/D2J9Jb4DMHnmgmXQ01FXH8/UI-Design-a-Dark-Mode-NFT-app-(Community)?type=design&node-id=60%3A543&mode=design&t=Zr0RjcrySLF9pvLP-1
Github
https://github.com/Ahmed-elsaid-AEA/mini_flutter_nft_marketplace
figma link
https://www.figma.com/file/D2J9Jb4DMHnmgmXQ01FXH8/UI-Design-a-Dark-Mode-NFT-app-(Community)?type=design&node-id=60%3A543&mode=design&t=Zr0RjcrySLF9pvLP-1
Github
https://github.com/Ahmed-elsaid-AEA/mini_flutter_nft_marketplace
figma link
https://www.figma.com/file/D2J9Jb4DMHnmgmXQ01FXH8/UI-Design-a-Dark-Mode-NFT-app-(Community)?type=design&node-id=60%3A543&mode=design&t=Zr0RjcrySLF9pvLP-1
Github
https://github.com/Ahmed-elsaid-AEA/mini_flutter_nft_marketplace
figma link
https://www.figma.com/file/D2J9Jb4DMHnmgmXQ01FXH8/UI-Design-a-Dark-Mode-NFT-app-(Community)?type=design&node-id=60%3A543&mode=design&t=Zr0RjcrySLF9pvLP-1
Github
https://github.com/Ahmed-elsaid-AEA/mini_flutter_nft_marketplace
figma link
https://www.figma.com/file/D2J9Jb4DMHnmgmXQ01FXH8/UI-Design-a-Dark-Mode-NFT-app-(Community)?type=design&node-id=60%3A543&mode=design&t=Zr0RjcrySLF9pvLP-1
Github
https://github.com/Ahmed-elsaid-AEA/mini_flutter_nft_marketplace
figma link
https://www.figma.com/file/D2J9Jb4DMHnmgmXQ01FXH8/UI-Design-a-Dark-Mode-NFT-app-(Community)?type=design&node-id=60%3A543&mode=design&t=Zr0RjcrySLF9pvLP-1
Github
https://github.com/Ahmed-elsaid-AEA/mini_flutter_nft_marketplace
figma link
https://www.figma.com/file/D2J9Jb4DMHnmgmXQ01FXH8/UI-Design-a-Dark-Mode-NFT-app-(Community)?type=design&node-id=60%3A543&mode=design&t=Zr0RjcrySLF9pvLP-1
Github
https://github.com/Ahmed-elsaid-AEA/mini_flutter_nft_marketplace
figma link
https://www.figma.com/file/D2J9Jb4DMHnmgmXQ01FXH8/UI-Design-a-Dark-Mode-NFT-app-(Community)?type=design&node-id=60%3A543&mode=design&t=Zr0RjcrySLF9pvLP-1
Github
https://github.com/Ahmed-elsaid-AEA/mini_flutter_nft_marketplace
figma link
https://www.figma.com/file/D2J9Jb4DMHnmgmXQ01FXH8/UI-Design-a-Dark-Mode-NFT-app-(Community)?type=design&node-id=60%3A543&mode=design&t=Zr0RjcrySLF9pvLP-1
Github
https://github.com/Ahmed-elsaid-AEA/mini_flutter_nft_marketplace
figma link
https://www.figma.com/file/D2J9Jb4DMHnmgmXQ01FXH8/UI-Design-a-Dark-Mode-NFT-app-(Community)?type=design&node-id=60%3A543&mode=design&t=Zr0RjcrySLF9pvLP-1
Github
https://github.com/Ahmed-elsaid-AEA/mini_flutter_nft_marketplace
figma link
https://www.figma.com/file/D2J9Jb4DMHnmgmXQ01FXH8/UI-Design-a-Dark-Mode-NFT-app-(Community)?type=design&node-id=60%3A543&mode=design&t=Zr0RjcrySLF9pvLP-1
class RoundSliderThumbShape extends SliderComponentShape {
@override
Size getPreferredSize(bool isEnabled, bool isDiscrete) {
return Size(0.0, 0.0); // Adjust the size of the thumb
}
@override
void paint(PaintingContext context, Offset center,
{required Animation<double> activationAnimation,
required Animation<double> enableAnimation,
required bool isDiscrete,
required TextPainter labelPainter,
required RenderBox parentBox,
required SliderThemeData sliderTheme,
required TextDirection textDirection,
required double value,
required double textScaleFactor,
required Size sizeWithOverflow}) {
final Canvas canvas = context.canvas;
final Paint paint = Paint()
..color = ColorManagers.kLightWhiteColor
..strokeCap = StrokeCap.round
..strokeWidth = 2.0;
canvas.drawCircle(center, 3.0, paint); // Draw a circle as the thumb
// TODO: implement paint
}
}
سوف نتعلم طريقة صناعة تطبيقات الموبايل لاندرويد والايفون باستخدام الفلاتر من الصفر
هذا الكورس محدث باحدث إصدار لفلاتر
إن لم تكن لديك خبرة في صناعة تطيقات الاندويد او الايفون هذا ليس عائق حيث سيكون مسار التقدم لدينا خطوة بخطوة من الصفر إلي ان تكون قادرا علي بناء تطبيقات حقيقية بإذن الله
متطلبات الدورة معرفة مسبقة بلغة الدارت
///////////////////////////////////////////// what will learn /////////////////////////////////////////////
Detailed setup instructions for Windows. ( تسطيب بيئة العمل )
learn what is widget
All basic widgets
Simple Auth App
( تهتم بالتصميم البسيط بدون اي ملف فيجما )
how to treat with figma
( تقوم بمعرفه كيف تتعامل مع الملف الذي يعطيه لك المصمم من الصفر )
Mini NFT Marketplace app
( تهتم بالتصميم الاحترافي باستخدام ملف فيجما )
Music App
( audio player package , تستخدم ايضا التصميم الاحترافي باستخدام ملف فيجما)
Quiz App
( تتعلم كيفيه التعامل مع اللوجيك في تطبيقك , تستخدم ايضا التصميم الاحترافي باستخدام ملف فيجما )
Local stoarage ( Sqflite Package )
( تتعلم التعامل مع قاعده البينات الاشهر وجميع العلاقات الممكنة )
Drosak app ( using sqflite )
نقوم بعمل تطبيق علي ما تم دراسته في قسم قواعد البيانات الاكثر شهره من الصفر
Local stoarage ( Hive package )
نتعلم كيفيه التعامل مع تلك الباكدك
Note app ( using hive package )
نقوم بعمل تطبيق علي ما تم دراسته في قسم
Hive Package من الصفر
Isolate
ازاي اخلي التطبيق يعمل اخر من تاسك في نفس الوقت
Isar Database
الباكدج هي مزيج بين sqflite and hive