آموزش برنامه نویسی فلاتر Flutter

آشنایی با مفهوم Mixin در زبان برنامه نویسی دارت ▫️ویژگی Mixin یکی از قابلیت های کاربردی زبان برنامه نویسی دارت است که به عنوان یک توسعه دهنده فلاتر پیشنهاد میکنم حتما در پروژه های خود از آن استفاده کنید. علت کاربردی بودن Mixin حل یک سری از مشکلات و پیچیدگی های ارث بری در برنامه نویسی شی گرایی میباشد. 🌐 مشاهده کامل آموزش ⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

داکیومنت سازی فایل ها ▫️ به احتمال زیاد تا به حال با چنین صفحات مستنداتی در صفحات کتابخانه ها و منابع دیگر برخورد داشته اید. برای ایجاد چنین صفحه ای از قابلیت dartdoc نیاز است تا استفاده کنید. به همین منظور ابتدا دستورات زیر را در ترمینال بنویسید.

 flutter pub global activate dartdoc
flutter pub global run dartdoc .

در خط دوم اگر فایل خاصی مدنظرتان هست نام آن را نوشته در غیر اینصورت با قرار دادن یک نقطه تمام فایل ها انتخاب میشوند. در ادامه یک دایرکتوری به نام doc در پروژه ایجاد میشود که شامل یک صفحه index.html است و میتوانید به شکل دلخواه آن را تغییر دهید. ⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

آزمایشگاه تست اپلیکیشن شرکت اوبر ▪️نکته جالب استفاده از دستگاه های فیزیکی برای انجام تست برنامه میباشد و از سیستم های ابری استفاده نمیکنن. این تصاویر بخش کوچکی از آزمایشگاه تست اوبر هست و برای نسخه ios هم تجهیزات مشابهی وجود داره. ▪️مزایا این روش: -کاهش هزینه -دسترسی به هر دو روش تست دستی و خودکار -بررسی قابلیت های به خصوص هر دستگاه و باگ‌های گزارش شده برای آن ▪️چه تست‌هایی انجام میشود: -تست عملکرد -تست‌های دستی -تست های end to end ⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

خلاصه‌ای از ویژگی های جدید فلاتر نسخه 3.0 ⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

آموزش پیاده سازی معماری MVVM در فلاتر ▫️امروزه معماری های مورد استفاده در زمینه برنامه نویسی موبایل و غیره محدود هستند که یکی از محبوب ترین آنها معماری MVVM میباشد. در این مقاله خیلی درباره مباحث تئوری الگوی MVVM ریز نخواهیم و هدف بررسی و پیاده سازی عملی آن در فریمورک فلاتر میباشد. به طور کلی در این معماری هدف جداسازی بخش نمایش اطلاعات از قسمت منطقی برنامه است. برای view به هیچ عنوان نباید مهم باشد که اطلاعات از چه مکانی و به چه صورتی دریافت میشود. 🌐 مطالعه مقاله ⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

اینم از وضعیت #getX 😁 ⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

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

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

آموزش کار با پکیج Freezed در فلاتر ▫️اگر با زبان هایی مثل کاتلین در طراحی اپلیکیشن های اندرویدی کار کرده باشید شاهد ویژگی به نام data classes و sealed classes بوده اید. متاسفانه در زبان برنامه نویسی دارت و فریمورک فلاتر این ویژگی وجود ندارد. برای رفع این کمبود پکیج بسیار مفیدی به نام freezed توسط توسعه دهندگان ایجاد شده است که قصد بررسی آن را در این آموزش داریم. 🌐 مشاهده آموزش ⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

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

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

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

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

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

پروژه وایرفریم کیت فارسی منتشر شد! این پروژه در 400 بخش و 19 عنوان طراحی شده که به زبان فارسی میباشد. هم اکنون از طریق کامیونیتی فیگما می توانید این پروژه را دانلود کنید. همچنین پیوست های این فایل در بخش کامنت این پست درج میشود. لینک در کامیونیتی : https://www.figma.com/community/file/1053269040701777245/wireframe-kit-persian تمامی بخش ها کامپوننت شده و می توانید علاوه بر صفحه All در مابقی صفحات نیز آن را ببینید.

آشنایی با امکانات جدید فلاتر 2.8 و دارت 2.15 🔻 روز گذشته گوگل نسخه های 2.8 فریمورک فلاتر و 2.15 زبان برنامه نویسی دارت را معرفی کرد که به بررسی کامل خواهیم پرداخت. امکانات جدید شامل تغییرات در isolateها و برنامه نویسی همزمان معرفی پکیج جدید برای فایربیس ویژگی های جدید در Enumها تغییرات جدید در DevTool امکانات جدید برای توسعه دهندگان پکیج و... میباشد. 🌐 مطالعه کامل مقاله ⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

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

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

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

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