🔥Capsule
⚡️⚡️EdgeInsetsGeometry⚡️⚡️

این کلاس معمولن برای Padding ها توی فلاتر استفاده میشه.
دو تا زیر کلاس داره :
✔️EdgeInsets
که 4 تا فیلد داره :‌left , top , right , bottom
که مقدار padding از 4 جهت رو مشخص میکنن.

✔️EdgeInsetsDirectional
که 4 تا فیلد داره :‌ start , top , end , bottom

🔥اگه اپلیکیشنتون یک زبانه هست و یا اینکه زبان های استفاده شده کلن rtl یا کلن ltr هستن میتونید همه جا از EdgeInsets استفاده کنید.

🔥اگه اپلیکیشنتون چند زبانه هست و هم زبان های rtl و هم ltr رو پشتیبانی میکنه مثلن فارسی و انگلیسی بهتره هست که از EdgeInsetsDirectional استفاده کنید.

در این حالت خود فریمورک مقادیر start و end رو بر اساس TextDirection تفسیر میکنه.

✔️اگه زبان ltr باشه(مثلن انگلیسی) در نتیجه :
TextDirection => ltr
start => left
end => right

خود فریمورک start رو به عنوان left و end رو به عنوان right تفسیر میکنه.

✔️اگه زبان rtl باشه (مثلن فارسی) در نتیجه :‌
TextDirection : rtl
start => right
end => left

🔥در این حالت دیگه نگران این نیستین که وقتی کاربر زبان رو تغییر داد مقادیر padding ها و ... به هم بخوره.

#beginner #capsule

دوستان موضوعی که لازم میدونید راجبش مقاله بگذاریم رو کامنت کنید...

🔥Article

🔥اگه یه پکیجی درست کردی و میخوای که بذاریش روی گیت لب یا گیت هاب و پرایوتش کنی که فقط خودت یا هم تیمی هات ازش استفاده کنن و میخوای توی پروژه های فلاترت هم ازش استفاده کنی مقاله زیر رو بخون...

git dependencies in Flutter pubspec :
https://vrgl.ir/PzrBC

🔥https://t.me/flutter_challenges

#intermediate #article

🔥Article
🔥مفهوم const و درک و استفاده درست ازش ممکنه برای خیلی ها مبهم باشه..
خود من وقتی که تازه دارت رو شرو کرده بودم با این مفهوم مشکل داشتم و درکش نمیکردم و حتا از مدرسین اون موقع فلاتر هم که میپرسیدم اون ها هم خوب توضیح نمیدادن...

توی این مجموعه مقاله ۶ قسمتی مفهوم const رو با جزئی ترین نکات با هم بررسی میکنیم.

بعد از خوندن این مجموعه میتونی مثل یه استاد این مفهوم رو به بقیه یاد بدی...

لینک قسمت اول آموزش :
https://vrgl.ir/P0OY9

🔥https://t.me/flutter_challenges

#beginner #intermediate #article

⚡️⚡️Build and release an Android app⚡️⚡️

دوستانی که درخواست داده بودن برای نحوه خروجی گرفتن از اپ....
این لینک به طور کامل نحوه خروجی گرفتن برای اندروید رو شرح داده

https://docs.flutter.dev/deployment/android

⚡️⚡️Flutter Deployment⚡️⚡️

این هم لینک های کامل خروجی گرفتن از اپ برای همه سیستم عامل ها :

همه این ها داخل سایت اصلی فلاتر هست و اگ بخوایم از این ها مقاله بگذاریم باید دقیقن همین ها رو ترجمه کنیم و میشه کپی و چون من مقاله هایی و محتواهایی که اماده میکنم ترجمه و کپی شده از جایی نیست، این موارد که قراره دقیقن همون مطلب بیان بشه رو رفرنس اصلی رو قرار میدیم.

Android :
https://docs.flutter.dev/deployment/android

IOS:
https://docs.flutter.dev/deployment/ios

MacOs:
https://docs.flutter.dev/deployment/macos

Linux:
https://docs.flutter.dev/deployment/linux

Web:
https://docs.flutter.dev/deployment/web

🔥Article
🔥اگه با فانکشن بدون پرانتز مشکل داری و درکش نمیکنی...

🔥اگه وقتی توی فلاتر باید به onPressed یه button یه فانکشن پاس بدی و بهش یه فانکشن بدون پرانتز پاس میدی ولی کامل درکش نمیکنی که داره چه اتفاقی میوفته...

🔥و حتا اگه از نظر خودت کامل درک میکنی که چه اتفاقی داره میوفته...

مقاله زیر رو بخون :
https://virgool.io/flutter-challenge/dart-function-without-parentheses-hscdfgcxdoro

حتا اگه همه چیز رو درک میکنی باز هم این مقاله حرف برای گفتن و نکته جدید برای فهمیدن دارن 😍😍

🔥https://t.me/flutter_challenges

#article #beginner #intermediate

🔥Article
🔥این هم از قسمت جدید از مجموعه جذاب داستان Null در دارت

توی این قسمت میرزا قلی برنامه نویس فلاتر یه کلاس آنلاین برای بچه های دهشون قل آباد برگزار میکنه که null safety رو بهشون آموزش بده و کلی اتفاقات جذاب و البته چالشی میوفته....

🔥این قسمت رو با تمرکز کامل بخون چون که قراره کلی چالش داشته باشیم...

https://virgool.io/flutter-challenge/dart-null-story-mirza-gholii-online-class-yeq5mkdlvyiw

🔥https://t.me/flutter_challenges

#beginner
#article

دوستان مقاله های مربوط به null safety رو حتمن با دقت بخونید.

حتا حتا اگ بلدید این مبحث رو...

مقاله جدید به زودی اماده میشه...

واقعن نکاتی که گفته میشه رو به این راحتی و با این ریزبینی کسی نمیگه...

قسمت جدید پر از نکات جدید و خاصه...

🔥Challenge

میخوام یه variable تعریف کنم که امکان این رو داشته باشه که مقادیری از هر تایپی داخلش بریزم...

دو تا انتخاب میتونم داشته باشم :‌
1) Object myVariable
2) dynamic myVariable

❓این دو حالت چه تفاوت هایی با هم دارن و هر کدوم برای چه کاربرد هایی خوبن ؟
#challenge
#dart_challenge
#intermediate

#beginner
#capsule

🔥Capsule
⚡️⚡️ShapeBorder⚡️⚡️

🔥Article
قسمت جدید داستان null در دارت منتشر شد.

توی این قسمت جلسه اول رسیدگی به اتهامات دارت تشکیل میشه...یه داستان خیلی جذاب که آخرش نکات زیادی در مورد :
✔️Scopes
✔️nullable variables
✔️non-nullable variables
✔️final variables
✔️late
و ارتباط همه این ها با هم یاد میگیریم.😍😍
پس این مقاله رو از دست نده و با دقت بخونش.😍
حتا اگه همه این ها رو بلدی هم نکات جدید هست که اینجا یاد بگیری😍😍

لینک مقاله :‌

https://vrgl.ir/qJhrV

#beginner #article #intermediate

🔥Challenge

دوستان به نظرتون استفاده از stateful باعث میشه پرفرمانس اپ پایین بیاد یا استفاده از stateless و تبدیل stateful ها به stateless پرفرمانس رو بالا میبره؟

#challenge #flutter_challenge

برای مشکل گریدل یکی از دوستان چند روز پیش این راه رو تست کرده بود و نتیجه گرفته بود
@sardarmz

https://shecan.ir/tutorials/

اگه مشکل گریدل هیچ جوره و با هیچ VPN و پروکسی ای حل نشد این رو هم بد نیست امتحان کنی!!

🔥Challenge
⚡️⚡️Dart 2.15⚡️⚡️
Constructor tear-offs

توی پست های قبلی و یه مقاله اختصاصی در مورد function ها و وقتی که از یه function بدون پرانتز استفاده میکنیم صحبت کردیم.

حالا توی ورژن جدید Dart یه قابلیت مشابه برای constructor ها ارایه شده...
هرچی راجب این قابلیت و کاربردهاش میدونی بگو...
#challenge #dart_challenge
#intermediate

حداقل اون یه نفری که به نظر سنجی بالا جواب نه داد یه کامنتی روی این پست میزاشت 😂😂😂🤦‍♂🤦‍♂

💊 Capsule
⚡️⚡️Dart 2.15⚡️⚡️
1⃣
Constructor tear-offs

قبلن با این ویژگی توی function ها آشنا شدیم وقتی که یک function رو بدون پرانتز به کار میبردیم و توی یه مقاله هم کامل بهش پرداختیم که میتونی مطالعه کنی.

🔥حالا توی ورژن جدید Dart این قابلیت برای constructor ها هم ارایه شده.
و میتونی constructor های یه کلاس رو بدون پرانتز به جایی پاس بدی یا توی یه variable ذخیره کنی و بعدن ازشون استفاده کنی.

🔥دو دسته constructor توی یه کلاس ممکنه داشته باشیم:

✔️Default constructor
🔥برای این از این قاعده استفاده کن :
ClassName.new


✔️Named constructor
🔥برای این هم :
ClassName.constructorName

#capsule #intermediate

💊 Capsule
⚡️⚡️Dart 2.15⚡️⚡️
2⃣
Constructor tear-offs

🔥مثالی که Michael Thomsen توی مقاله خودش برای توضیح این ویژگی جدید Dart زده :

class FruitWidget extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Column(
children: ['Apple', 'Orange'].map(Text.new).toList());
}
}


میبیند که constructor ویجت Text رو پاس داده به map.
در واقع داریم روی یه لیست از String ها یه map میزنیم که یه لیست از ویجت ها تولید کنیم.
پس در نتیجه map انتظار داره که توی ورودی ی Function بهش بدیم که اینجوری باشه :

Widget Function(string input)

که Defualt constructor ویجت Text رو میشه بهش پاس داد.

#intermediate #capsule

میخوام توی پست های بعدی یکم در مورد مفاهیم انیمیشن توی فلاتر صحبت کنیم ...

انیمیشن نمیسازیم فقط مفاهیمش رو بررسی میکنیم
معتقدم اگه مفاهیم رو خوب درک کنیم استفاده ازش و فهم مثال ها و... هم راحتر میشه

موافقین؟ 😁😁

💊Capsule
⚡️⚡️Animation⚡️⚡️

❓معنای لغوی Animation چیه؟ 🤔
یعنی متحرک، هر تصویری که متحرک باشه.

❓ولی آیا وقتی که داریم یه بازی کامپیوتری انجام میدیم یا وقتی که یه فیلم تماشا میکنیم یا... واقعن نمایشگر داره یه تصویر متحرک به ما نشون میده؟

🔥یه چیزی هست به اسم توهم 😂
توهم حرکت، توهم متحرک بودن.

نمایشگر تصاویری رو که توسط پردازنده رندر شدن رو پشت سر هم ردیف میکنه و ما چون که داریم یه تعداد تصویر رو که دارن با سرعت عوض میشن رو میبینیم فکر میکنیم که واقعن حرکت انجام شده.

✔️دوربین فیلم برداری کاری نمیکنه جز گرفتن یه تعداد عکس با فاصله زمانی کم .
✔️نمایشگر کاری نمیکنه جز قراردادن یه تعداد عکس پشت سر هم.
✔️و حتا چشم انسان هم کاری نمیکنه جز گرفتن عکس های پی در پی از وقایع و فرستادن اون ها به مغز.

🔥و همه این ها با هم یه چیزی رو بوجود میارن به نام توهم حرکت.
و ما در واقع داریم توهم میزنیم 😂

🔥انیمیشن های فلاتر هم خارج از این قاعده نیستن و در واقع اون ها هم یک سری تصویر رو پشت سر هم قرار میدن...

#intermediate #capsule #animation