فلاتر به سبک هادی=> قسمت اول: شروع!

فلاتر به سبک هادی=> قسمت اول: شروع!

سلام دوستانهادی آذرنسب هستم.میخوام تو این سری پست(فلاتر به سبک هادی) فریمورک فلاتر رو از صفرصفر بهتون آموزش بدم.البته یه پروژه خفن و آخر بیلد کردن و انتشار در مارکت های ایرانی رو هم آموزش میدم:)امیدوارم لذت ببرید(حتما لذت میبرید.)البته یادتون باشه که دارت بلد باشید(دوره استاد قاری رو پیشنهاد میدم)با من همراه باشید.قابلیت Hot Reload که واقعا واقعا خفنه!از این لینک کمک بگیرید.خلاصه اگه تو نصب مشکلی داشتید حتما بگید.نکته: اگر سیستمتون قویه و میتونید اندروید استودیو روش نصب کنین این مرحله رو ول کنید.فقط کافیه افزونه دارت و فلاتر رو نصب کنید. تمام!!!!ما تو این آموزش از ویژوال‌‌استودیو کد استفاده میکنیم.برای نصب به این آدرس برید(برنامه‌نویسی که VSCode نداشته باشه، برنامه نویس نیست!).بعد از نصب(۷ ۸ تا next هست فقط) وارد که شدین این افزونه هارو نصب کنید: https://marketplace.visualstudio.com/items?itemName=Dart-Code.dart-code https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter https://marketplace.visualstudio.com/items?itemName=Nash.awesome-flutter-snippets چنتا نکته:فلاتر تقریبا قدرت و سرعت اپلیکیشن های بومی رو داره.فلاتر بر پایه state هست و ما از این روش برای مدیریت پروژه استفاده میکنیم.فلاتر یه لایه انتضاعی رویه زبان های بومی ایجاد میکنه.فلاتر ویجت داره یعنی از ویجت برای ساخت UI استفاده میکنیم.مهم: فلاتر دو تا ویجت اصلی داره{ویجت استیت‌لس، ویجت استیت‌فول) ویجت اول برای زمانیه که ما تغییری تویه برنامه حین اجرا نمیدیم. ویجت دوم برای مدیریت state ها هست. یعنی برای مواقعی که ما میخوایم حین اجرا تغییری تو UI ایجاد کنیم.فلاتر خیلی ویجت های از پیش تعریف شده داره که خیلی قشنگن.کتابخونه های زیادی هم داره.تمام!ویژوال‌‌استودیو کد رو باز کنید.بعد از باز کردن کلید های ترکیبی (crtl+shift+p) رو بزنید تا یه چیز( |: ) براتون باز بشه.بعد توش بنویسید: flutter: new application projectخودش میاره فقط تا new بنویسید کافیه.ازتون مسیر میخواد و بعد اسم.حتما تو اسم از حروف کوچیک استفاده کنید.خب بعد از اینا یه پنجره جدید باز میشه براتون.حدود ۳ دقیقه صبر کنید تا اطلاعات بارگذاری بشن.خب از پوشه lib(پوشه اصلی فایل های ما) بعد برین به فایل main.dart در اخر اجراش کنید.اگر شبیه ساز دارین که هیچ ولی اگه ندارین و سیستمتون نمی کشه از این پست من کمک بگیرید. https://virgool.io/@hadi7546/%D8%A7%D8%AC%D8%B1%D8%A7%DB%8C-%D9%BE%D8%B1%D9%88%DA%98%D9%87-%D9%81%D9%84%D8%A7%D8%AA%D8%B1-%D8%A8%D8%AF%D9%88%D9%86-%D8%B4%D8%A8%DB%8C%D9%87-%D8%B3%D8%A7%D8%B2-+-%DB%8C%D9%87-%D8%AE%D8%A8%D8%B1-%D8%AE%D9%88%D8%A8-tsaf514tp6wx خب دوستان این پست تموم شد.لایک و نظر یادتون نره.به انتشارات ما هم سر بزنید.فردا حتما قسمت ۲ رو منتشر و کد نویسی رو شروع میکنیم.

Author: admin

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *