🔸 بروزرسانی ویدیوهای جدید فصل دوم آموزش برنامه نویسی فلاتر منتشر شد.
کاربران دوره میتوانند ویدیو جدید را رایگان دریافت کنند.
🌐 آموزش جامع فارسی فریمورک فلاتر Flutter فصل دوم

▪️ لیست پکیج‌هایی که در حال حاضر توسط محیط DartPad پشتیبانی میشه، فایبربیس هم از امروز به این محیط برنامه نویسی آنلاین اضافه شده.

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

متدهای Extension در زبان دارت
▫️متدهای Extension این امکان و به ما میدهند که بدون ارث بری از یک کلاس بتوانیم متدهای مختلفی را به آن اضافه کنیم. معمولا در کلاس های مربوط به دیتا تایپ ها از این نوع متدها بیشتر استفاده میشود.
برای مثال میخواهیم به کلاس String یک متد اضافه کنیم که رشته مورد نظر را به نوع int تبدیل کند.
برای انجام این کار اول باید نام Extension را مشخص کنیم سپس بعد از کلمه on کلاسی که میخواهیم متدی برای آن ایجاد شود را مشخص میکنیم.
در ادامه متدهای مورد نیاز را پیاده سازی میکنیم.

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

▫️ترند طراحی رابط کاربری که در دو سال قبل تقریبا Neumorphism بود امسال جای خودشو به Glassmorphism داده.

▫️در این نوع طراحی از حالت های نیمه شفاف و مات برای خلق عناصر رابط کاربری استفاده میشود.
برای پیاده سازی این نوع طراحی هم میتونید دست به کار شوید و از ابتدا طراحی را انجام دهید و هم میتونید برای صرفه جویی در زمان از پکیج glassmorphism در فلاتر استفاده کنید.

🌐 glassmorphism

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

▫️ فراموش نکنید استفاده از دستور TextInputType.number باعث نمیشود که هیچ اعدادی داخل متن قرار نگیرد. این دستور فقط کیبورد شامل اعداد و به کاربر نمایش میده اما امکان پیست کردن متن های شامل اعداد داخل ویجت وجود دارد.
برای مطمئن شدن از اینکه رشته موردنظر فقط شامل اعداد است کارهای زیر و انجام دهید.
1️⃣ نوع کیبورد را مشخص کنید
2️⃣ از دستور inputFormatters:[ FilteringTextInputFormatter.digitsOnly ] استفاده کنید
3️⃣ استفاده از regex

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

▪️ قابلیت استفاده از channel های مختلف به محیط DartPad اضافه شد.
پیش از این فقط امکان استفاده از آخرین نسخه stable channel وجود داشت.

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

▪️یکی از مواردی که extension‌ها خیلی میتونند مفید باشن نوشتن متدهای مختلف برای MediaQuery است.
به وسیله این متدها اندازه طول و عرض صفحه نمایش و در حالت های مختلف بدست می‌آوریم و با توجه به اندازه صفحه و همچنین افقی یا عمودی بودن آن محتویات مناسب و طراحی منحصر به فرد را نمایش میدهیم که باعث میشود یک صفحه کاملا واکنشگرا داشته باشید.

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

آشنایی با امکانات جدید فلاتر 2.8 و دارت 2.15

🔻 روز گذشته گوگل نسخه های 2.8 فریمورک فلاتر و 2.15 زبان برنامه نویسی دارت را معرفی کرد که به بررسی کامل خواهیم پرداخت.
امکانات جدید شامل تغییرات در isolateها و برنامه نویسی همزمان
معرفی پکیج جدید برای فایربیس
ویژگی های جدید در Enumها
تغییرات جدید در DevTool
امکانات جدید برای توسعه دهندگان پکیج
و... میباشد.

🌐 مطالعه کامل مقاله

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

در همین حین نسخه 2.8.1 نیز منتشر شد
باید گفت چرا انقد عجله 😬

با سلام
به دلیل خدمت سربازی دوره های آموزشی وبسایت تا اواخر بهمن ماه شامل پشتیبانی نمیباشند. باتشکر

اگر قصد پیاده سازی المان‌هایی بصورت شیشه‌ای دارید کافیست ویجت مورد نظر را داخل ClipRect قرار دهید.

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

فلاتر ۲.۱۰ منتشر شد
▪️ مهمترین ویژگی این بروز رسانی انتشار نسخه پایدار ویندوز میباشد. بدین ترتیب فریمورک فلاتر هم اکنون به شکل رسمی از پلتفرم‌های موبایل، وب و ویندوز پشتیبانی میکند.

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

▪️ ویژگی مهم بعدی در نسخه Flutter 2.10 اضافه شدن قابلیت اسکرول به Textfieldهای چند خطی میباشد.

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

آموزش کار با پکیج Freezed در فلاتر
▫️اگر با زبان هایی مثل کاتلین در طراحی اپلیکیشن های اندرویدی کار کرده باشید شاهد ویژگی به نام data classes و sealed classes بوده اید. متاسفانه در زبان برنامه نویسی دارت و فریمورک فلاتر این ویژگی وجود ندارد.

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

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


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

تغییر اندازه خودکار متن

▫️ در خیلی مواقع با توجه به اندازه صفحه نمایش و یا اندازه فضایی که ویجت Text را داخل آن قرار میدهیم نیاز داریم تا اندازه متن به شکل خودکار با توجه به محتویات متغیری که داخل آن قرار میگیرد تغییر کند.
این کار به شکل ساده با استفاده از ویجت هایی که در اختیار داریم قابل پیاده سازی است. اما پکیج auto_size_text با گزینه های مختلفی که در اختیار شما قرار میدهد این کار و به شکل ساده و کاملا حرفه ای تری انجام میدهد که میتوانید در پروژه های خود از آن استفاده کنید.
⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

اگر چندین future در برنامه دارید نیازی به استفاده از دستور await چندین مرتبه نیست، کافیست فقط از Future.await استفاده کنید و تمام عملیات های موردنیاز را داخل بلوک آن فراخوانی کنید.


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