Flutter Story App UI Concept - Speed Code

https://www.youtube.com/watch?v=5KbiU-93-yU



#آموزش
#ui

بصورت کلی، مبحث State Management خیلی مهم و اساسیه.

میشه با StatefulWidget و setState این کار رو انجام داد.
میشه با استفاده از StreamBuilder ، و ScopedModel و rxDart هم این کار رو انجام داد.

استفاده از setState، خیلی اتفاق خوبی نیست، روی پرفورمنس تاثیر منفی می‌ذاره

این دوتا وید‌ئو رو می‌تونم در این زمینه پیشنهاد کنم:

https://www.youtube.com/watch?v=RS36gBEp8OI&t=1816s

https://www.youtube.com/watch?v=HLop7s2sJ7Q&t=887s



#آموزش
#state

نسخه صدرصد متن باز ویرایشگر متن Vscode به نام vscodium
البته که سورس کد ویرایشگر متن vscode متن باز هست و با لایسنس mit منتشر شده اما نسخه باینری که ماکروسافت در اختیار کاربرها قرار میده کاملا متن باز نیست فایل باینری حاوی کدهایی است که کاربرها رو ردیابی میکنه که به گفته ماکروسافت برای بهبود عملکرد نرم افزار هست و خب خیلیا به این قضیه مشکوک هستن که شاید ماکروسافت کاسه ای زیر نیم کاسه ش باشه .ادیتور vscodium نسخه فورک شده vscode هست تقریبا هیچ تفاوتی از نظر عملکردی با هم ندارن ولی فاقد امکان ردیابی کاربرها توسط ماکروسافت برای نصب و اطلاعات بیشتر میتونید به لینک زیر مراجعه کنید
https://github.com/VSCodium/vscodium

#سوال
سلام دوستان.
وقتی تو چنتا پیج مختلف یه ویجت داریم که میخوایم همه پارامتراش ثابت باشه به جز یکی باید چیکار کنیم؟
مثلا ۱۰۰ تا کارد توی پیجای مختلف داریم که میخوایم همه پارامتراش(مث color و elevation و ...) ثابت باشه ولی childش قابل تغییر باشه.

جواب:
این سوال خیلی خوبیه

اگر از یک چیز، دو‌ جای مختلف کد هم می‌خواید استفاده کنید، تا حد امکان باید از تکرار کد پرهیز کنید
الان کد‌های من رو ببینید، برای همه‌ی ویجت‌های اصلی، نسخه‌های خودم رو بازنویسی کردم
از موارد خیلی ساده شروع میشه، و کم کم بسته به نیاز گسترش پیدا می‌کنه
مثلا برای card من از CnCard استفاده می‌کنم،که ورودی‌های مختلفی می‌گیره، و برای بخش‌های مختلف برای استفاده‌های خودم بهینه شده.برای شروع، می‌تونید مشابه این کار رو انجام بدید

مثلا
class MyCard extends StatelessWidget {
final Widget child;
final Color color;

MyCard(
this.child, {
this.color = Colors.teal,
});

@override
Widget build(BuildContext context) {
return Card(
elevation: 5,
color: color,
// ...
child: child,
);
}
}


اینجا دو حالت مختلف رو آوردم
ویجت child رو به عنوان ورودی positional اول می‌گیره
رنگ کارد رو هم میشه به عنوان ورودی بهش داد، ولی اگر بهش ندید، بصورت دیفالت از Colors.teal استفاده می‌کنه

ولی مقدار elevation همیشه ثابت و برابر با ۵ هستش.مشابه این کار رو می‌تونید برای نمایش عکس، متن، و هر چیز دیگری که مد نظرتون باشه انجام بدیدمثلا برای نمایش متن، من با پکیج AutoSizeText ترکیب اش کردم (و چند فانکشن دیگه)، و در نتیجه، هر جایی که متن جا نشه، خودش سایز متن رو برام کم می‌کنه
و همه‌جا توی کد به جای Text می‌نویسم CnText

Flutter Streaming Service App UI With Source Code | Speed Code

https://www.youtube.com/watch?v=ivHoUxoyIQw

http://codeflow.ir/course/%D8%A7%D8%B4%D9%86%D8%A7%DB%8C%DB%8C-%D8%A8%DB%8C%D8%B4%D8%AA%D8%B1-%D8%A8%D8%A7-%D9%88%DB%8C%D8%AC%D8%AA-%D9%87%D8%A7%DB%8C-StatelessWidget/%D9%81%D9%84%D8%A7%D8%AA%D8%B1-flutter
قسمت چهارم دوره فلاتر منتشر شد

Flutter Login Page UI - Speed Code
https://www.youtube.com/watch?v=1Pw_E7T9TXI

Flutter Onboarding App UI Concept - Speed Code

https://www.youtube.com/watch?v=Cp_M-x9BbWk

http://codeflow.ir/course/%D8%B4%D8%B1%D9%88%D8%B9-%DA%A9%D8%A7%D8%B1-%D8%A8%D8%A7-StatefulWidget/%D9%81%D9%84%D8%A7%D8%AA%D8%B1-flutter

قسمت پنجم دوره فلاتر منتشر شد

دوستانی که نیاز به هاست و سرور دارن.میتونن با تخفیف 30 درصدی از کد تخفیف "codeflow.ir" استفاده کنن.
به مدت یک ماه این مقدار برقراره.برای vps های ایران هم این تخفیف برقراره.

https://arshatech.com/my/aff.php?aff=4

https://flutterstudio.app

میتونین با این سایت به صورت آنلاین و گرافیکی طراحی کنین اپتون رو.

نسخه ۳۰ توزیع #فدورا به همراه Ask Fedora جدید منتشر شد.
از این پس می‌تونید به زبان فارسی سوالات/مطالب خودتون رو در دسته مربوطه به فارسی در Ask Fedora مطرح کنید.
اطلاعات بیشتر:
https://ask.fedoraproject.org/t/ask-fedora/119
#fedora #gnu #linux

قسمت ششم فلاتر منتشر شد

http://codeflow.ir/course/%DA%A9%D8%A7%D8%B1-%D8%A8%D8%A7-tab-bar-%D9%87%D8%A7-%D8%AF%D8%B1-%D9%81%D9%84%D8%A7%D8%AA%D8%B1/%D9%81%D9%84%D8%A7%D8%AA%D8%B1-flutter

“The Flutter Create winners are…” by Martin Aguinis https://medium.com/p/40980f2d20b3

Beyond Mobile: Material Design, Adaptable UIs, and Flutter (Google I/O'19)
https://www.youtube.com/watch?v=YSULAJf6R6M