مرجع فارسی فلاتر Flutter
1.12K subscribers
229 photos
15 videos
8 files
119 links
اولین مرجع فارسی آموزش فریمورک فلاتر Flutter
https://flutter-learn.ir
Download Telegram
مرجع فارسی فلاتر Flutter
متدهای Extension در زبان دارت ▫️متدهای Extension این امکان و به ما میدهند که بدون ارث بری از یک کلاس بتوانیم متدهای مختلفی را به آن اضافه کنیم. معمولا در کلاس های مربوط به دیتا تایپ ها از این نوع متدها بیشتر استفاده میشود. برای مثال میخواهیم به کلاس String…
▪️یکی از مواردی که extension‌ها خیلی میتونند مفید باشن نوشتن متدهای مختلف برای MediaQuery است.
به وسیله این متدها اندازه طول و عرض صفحه نمایش و در حالت های مختلف بدست می‌آوریم و با توجه به اندازه صفحه و همچنین افقی یا عمودی بودن آن محتویات مناسب و طراحی منحصر به فرد را نمایش میدهیم که باعث میشود یک صفحه کاملا واکنشگرا داشته باشید.

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

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

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

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
پروژه وایرفریم کیت فارسی منتشر شد!

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

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

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

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
This media is not supported in your browser
VIEW IN TELEGRAM
▪️ ویژگی مهم بعدی در نسخه Flutter 2.10 اضافه شدن قابلیت اسکرول به Textfieldهای چند خطی میباشد.

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

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

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


⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
This media is not supported in your browser
VIEW IN TELEGRAM
تغییر اندازه خودکار متن

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


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


⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
آموزش پیاده سازی معماری MVVM در فلاتر
▫️امروزه معماری های مورد استفاده در زمینه برنامه نویسی موبایل و غیره محدود هستند که یکی از محبوب ترین آنها معماری MVVM میباشد.

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

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

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


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

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

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


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

 flutter pub global activate dartdoc
flutter pub global run dartdoc .

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

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



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