آموزش برنامه نویسی فلاتر Flutter
2.03K subscribers
580 photos
68 videos
22 files
281 links
اولین مرجع فارسی آموزش برنامه نویسی فلاتر Flutter

🌐 https://flutter-learn.ir

سوالات برنامه نویسی خودتون در بخش پرسش و پاسخ سایت بپرسید:
🌐 https://flutter-learn.ir/question/


👨‍💻 Admin: @atyscode
Download Telegram
استفاده از یونیتی در فلاتر
▫️ یونیتی موتور بازی سازی قدرتمند و محبوبی است که به توسعه دهندگان امکان طراحی بازی و کامپوننت های سه بعدی مختلفی را میدهد.
اگر قصد دارید تا از محصولات ساخته شده به وسیله یونیتی در فریمورک فلاتر استفاده کنید پکیج flutter_unity_widget این قابلیت را برای شما فراهم میکند.
همچنین با استفاده از این پکیج میتوانید از Unity AR نیز استفاده کنید.
🌐 flutter_unity_widget

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
پیاده سازی فرم OTP
▫️ در اپلیکیشن هایی که نیاز به وارد کردن کد تایید ارسالی از طریق ایمیل یا پیام کوتاه می باشد معمولا از فرم های OTP استفاده میشود که هر کاراکتر در خانه مجزا قرار میگیرد.
پکیج pinput در فریمورک فلاتر این نوع فرم را به همراه ده ها قابلیت کاربردی برای شما پیاده سازی میکند.
امکانات این پکیج شامل:
- تشخیص خودکار کد ارسال شده
- اعتبار سنجی فرم
- پیاده سازی انیمیشن
- قابلیت Obscuring متن
🌐 pinput

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
آخرین روز تخفیف دوره استادی فلاتر
🟣 بدون پیش نیاز کاملا پروژه محور 🟣

🔸 سوکت نویسی
🔸 درگاه پرداخت آنلاین
🔸 پروژه طراحی شبکه اجتماعی
🔸 فلاتر وب
🔸 مدیریت State
🔸 ارتباط با سرور
🔸 طراحی مرورگر
🔸 کار با نقشه و لوکیشن

لینک توضیحات و تهیه دوره 👇

🌐 دوره جامع استادی فلاتر
پیاده سازی قابلیت کش Cache اطلاعات در فلاتر
▫️ پیاده سازی قابلیت کش ( Cache ) کردن اطلاعات باعث میشود کاربر در هنگام استفاده از اپلیکیشن تجربه بسیار بهتری داشته باشد.

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

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

جلوگیری میشود.

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

🌐 مشاهده آموزش


⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
نسخه جدید اندروید استودیو به نام فلامینگو منتشر شد.
تو این نسخه اکثرا برای اجرای پروژه های فلاتر با خطا مواجه شدن که برای رفع این مشکل میتونید از لینک زیر استفاده کنید.
https://docs.flutter.dev/release/breaking-changes/android-java-gradle-migration-guide
استفاده از addAll ممنوع

▫️ فرض کنید دو لیست به نام های list1 و list2 داریم.
در صورتی که بخواهیم اطلاعات لیست دوم را به لیست اول اضافه کنیم و از متد addAll استفاده کنیم
اندازه لیست اول به میزان تعداد عناصر لیست دوم افزایش پیدا میکند.
اگر اندازه لیست دوم m باشد هزینه انجام این عملیات برابر با O(m) است.
اما در روش دوم یعنی استفاده از متد followedBy خروجی کار یک lazy Iterable است که به طول حافظه لیست اول مقداری اضافه نمیکند و به همین دلیل هزینه انجام این عملیات همیشه برابر با O(1) هست.
همچنین اگر روی لیست دوم تغییراتی انجام دهید به شکل خودکار روی Iterable دریافت شده نیز اعمال میشود.


⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
تفاوت ListViewBuilder و SliverList

▪️از هر  دو این ویجت ها برای نمایش اطلاعات یک لیست در فلاتر استفاده میکنیم.
ویجت ListViewBuilder در حالت استاندارد هیچگونه مشکلی از نظر عملکرد ندارد و به خوبی میتوانید از آن استفاده کنید.
اما فرض کنید که ListViewBuilder را داخل یک ویجت قابل اسکرول مثل ListView  یا  SingleChildScrollView قرار میدهیم.
در این حالت ListViewBuilder تمام آیتم های لیست را همزمان رندر میکند نه تنها فقط آیتم هایی که در حال نمایش هستند.
اگر لیست شما اطلاعات زیادی داشته باشید این کار باعث نشت حافظه و یا فریز شدن رابط کاربری تا زمان رندر شدن تمام آیتم ها میشود.
برای حل این مشکل میتوانید از ویجت SliverList داخل CustomScrollView استفاده کنید.
این کار باعث میشود تنها آیتم هایی که نمایش داده میشوند رندر شوند.


⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
قابلیت جدید نسخه 3 زبان دارت

▪️در مراسم گوگل I/O 2023 شرکت گوگل از نسخه 3 زبان دارت و فلاتر 3.10 رونمایی کرد که شامل ویژگی هایی جالب توجهی بودند.
در نسخه جدید زبان دارت نوع داده جدیدی به نام Records معرفی شده است که یک نوع داده از خانواده مجموعه هاست و دارای اندازه ثابت و ویژگی تجمیعی میباشد.
در این مجموعه میتوانید در هر بخش یک نوع داده متفاوت ذخیره کنید.
برای مثال در خانه اول یک نوع داده رشته قرار دهید و در خانه دیگر یک داده از نوع عددی.


⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
بازگرداندن بیش از یک مقدار توسط توابع

▪️یکی دیگر از  ویژگی های جدید نسخه 3 زبان دارت Pattern ها میباشند.
از Pattern برای مقایسه مقدار و یا شکل نمونه ها استفاده میشود.

با ترکیب ویژگی‌های Pattern و Records هم اکنون میتوانیم متدهایی را تعریف کنیم بیش از یک مقدار را بازگردانی کنند.

تا پیش از این هر تابع در زبان دارت امکان این را داشت که فقط یک مقدار را بازگرداند


⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
معرفی بهترین جایگزین های فایربیس Firebase
▫️ فایربیس (Firebase) یک پلتفرم ابری است که توسط شرکت گوگل توسعه داده شده است و برای ساخت برنامه‌های تحت وب و تلفن همراه استفاده می‌شود.

این سیستم شامل مجموعه‌ای از ابزارهای نرم‌افزاری و خدمات ابری است که به توسعه‌دهندگان این امکان را می‌دهد تا برنامه‌هایی را ایجاد کنند که مقیاس‌پذیری بالا، قابل اعتماد، ایمن و کارآمد هستند.

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

🌐 مشاهده نوشته


⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
▪️مهم ترین تغییر فلاتر ۳.۱۰ تبدیل شدن رنگ پیش فرض آبی تم پروژه به بنفش هست 😁

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
▪️ طراحی رابط کاربری بلوبانک با استفاده از فلاتر

لینک گیتهاب پروژه:
🌐 AbolfazlAbbasiSaeb


⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
آموزش کار با Supabse در فلاتر جایگزین فایربیس

▫️ در این آموزش ویدویی دو ساعتی با استفاده از پلتفرم SupaBase که یک جایگزین مناسب برای فایربیس هست اپلیکیشن مشابه دیوار را به شکل ساده ای طراحی و پیاده سازی میکنیم.
قابلیت های استفاده شده شامل:
▫️ ثبت نام و احراز هویت
▫️استفاه از دیتابیس PostgreSQL
▫️آپلود و دانلود فایل

🌐 مشاهده آموزش Supabase در فلاتر

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
This media is not supported in your browser
VIEW IN TELEGRAM
درگیری بی پایان بین برنامه نویس‌ها و طراحان 😄


⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
▪️ اگر میخواهید وقتی پروژه جدیدی در فلاتر ایجاد میگید کدهای اضافی براتون ایجاد نشه کافی هنگام ایجاد پروژه از -e استفاده کنید.
با این کار پروژه پیش فرض اولیه فلاتر که برای نمایش نحوه کار کردن state هست ساخته نمیشود.

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir