https://virgool.io/feed/@mba4587 کمی برنامه نویس، کمی گرافیست، کمی آشپز fa 2026-06-07 00:48:36 https://files.virgool.io/upload/users/149274/avatar/s0sfev.png?height=120&width=120 https://virgool.io/@mba4587 https://virgool.io/flutter-community/%D8%B1%D9%88%D8%B4-%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF-%D8%B1%D9%88%D8%AA%D8%B1-%D8%AF%D8%B1-%D9%81%D9%84%D8%A7%D8%AA%D8%B1-hlear7bhahg2 آموزش ایجاد روتر در فلاترروتر چیست؟روتر یک ویژگی برای جابجایی بین صفحات در فلاتر میباشد که شما میتوانید با استفاده از این ویژگی به راحتی با یک خط کد کاربر به دیگر صفحات dart خود منتقل کنید.چگونه یک روتر بسازیم؟برای اینکار ابتدا در پوشه lib یک فایل بنام router.dart ایجاد نمایید.سپس کد زیر را درون آن جایگذاری کنید.class Router { static const String mainRoute = '/'; static Route<dynamic> generateRoute(RouteSettings settings) { switch (settings.name) { case mainRoute : return MaterialPageRoute(builder: (_) => MainScreen()); default: return MaterialPageRoute( builder: (_) => Scaffold( body: Center( child: Text('No route defined for ${settings.name}')), )); } } static namedNavigateTo(BuildContext context, String routeName, {bool replacement = false, bool named = true, Object arguments}) { if (replacement) { Navigator.pushReplacementNamed(context, routeName, arguments: arguments); } else { Navigator.pushNamed(context, routeName, arguments: arguments); } } }برای افزودن صفحه جدید خود به روتر باید ابتدا آن را به صورت یک متغیر تعریف کنید.static const String exampleRoute = '/example';سپس در Switch ایجاد شده کیس زیر را اضافه کنید.case exampleRoute : return MaterialPageRoute(builder: (_) => ExampleScreen());قبل از تغییر فایل router ابتدا باید صفحه خود را اضافه نمایید سپس فایل روتر را تغییر دهید.ExampleScreen نام کلاس صفحه جدید شماست.برای استفاده از روتر و فعالسازی روتر شما باید به فایل main.dart رفته و در قسمت MaterialApp باید دو پارامتر زیر را اضافه کنید.onGenerateRoute: Router.generateRoute, initialRoute: Router.mainRoute ,روتر اصلی شما با افزودن کد Router.mainRoute میباشد و شما میتوانید آنرا تغییر دهید.برای انتقال از یک صفحه به صفحه ای دیگر باید از دستور زیر استفاده کنید.Router.namedNavigateTo(context, Router.exampleRoute , replacement:false);برای انتقال کاربر از صفحه فعلی به صفحه دیگر باید Router.exampleRoute را به صفحه که میخواهید تغییر دهید، اگر میخواهید که صفحه جدید جایگزین صفحه قبلی شود باید آپشن replacement را فعال و مقدار آنرا true نگه دارید.برای حمایت از ما کلیک کنید Morteza Bagheri Morteza Bagheri Tue, 31 Mar 2020 16:55:43 +0430 https://virgool.io/@mba4587/%D9%86%D8%B5%D8%A8-%D9%81%D9%84%D8%A7%D8%AA%D8%B1-dhdfrhias0tr فریمورک فلاترفریمورک فلاتر به آسانی در سیستم عامل های ویندوز، لینوکس و مک نصب میشود و برای توسعه‌ی آن از همه ویرایشگر های متنی میتوان استفاده کرد اما محیط توسعه اندروید استودیو بهترین و مناسبترین محیط برای توسعه و اشکالزدایی فلاتر است.نصب اندروید استودیوتوسط لینک زیر میتوانید مستقیما اندروید استودیو را متناسب با سیستم عامل مورد استفاده خود، از وبسایت اندروید گوگل دانلود و نصب کنید .دانلود Android Studioپس از نصب و اجرای اندروید استودیو، به صفحه Android Studio Setup Wizard انتقال داده میشوید . در این صفحه Android SDK ، Android SDK Platform-Tools  و Android SDK Build-Tools را مشاهده می کنید که جهت توسعه اپلیکیشن با فلاتر به SDK  ها مذکور نیاز دارید ، در صورت عدم وجود جدیدترین نسخه را دانلود کنید.نصب افزونه فلاتر در اندروید استودیوبرای نصب فلاتر در اندروید استودیو مراحل زیر را دنبال کنید :پس از نصب و آماده سازی اندروید استودیو آنرا باز کنید.پنجره تنظیمات افزونه را باز کنید . جهت باز کردن این پنجره مسیر زیر را دنبال کنید :ویندوز : File > Settings > Pluginsلینوکس : File > Settings > Plugins مک : Preferences > Pluginsگزینه مخازن را انتخاب کنید ، افزونه Flutter را انتخاب کرده و نصب را کلیک کنید.از شما خواسته میشود افزونه Dart را نیز نصب کنید ، جهت این عمل Yes را کلیک کنید.جهت اعمال عملیات اندروید استودیو را ریستارت کنید.نصب فلاترجهت نصب و شروع به کار با فلاتر ابتدا آخرین نسخه از آن را از لینک زیر دریافت نمایید :دانلود flutter windows SDK* برای دانلود نیاز به تغییر IP دارید .همچنین میتوانید از گیتهاب فلاتر نیز توسط دستور زیر آخرین نسخه از آن را کلون نمایید :git clone -b stable https://github.com/flutter/flutter.gitپس از دانلود اندروید استودیو را اجرا نموده و طبق مراحل زیر پیش بروید :برروی گزینه Start a new Flutter project کیلک کنید تا یک پروژه جدید فلاتر آغاز کنید .گزینه Flutter Application را به عنوان نوع پروژه انتخاب کنید و ادامه دهید .مسیر Flutter SDk  و مسیر SDK را وارد کرده و ادامه دهید .نامی برای پروژه انتخاب کنید و ادامه دهید .در نهایت برروی گزینه Finish کلیک کنید و منتظر ایجاد پروژه باشید.لذت ببرید ;) Morteza Bagheri Morteza Bagheri Fri, 27 Mar 2020 11:53:23 +0430