ویجت MaterialApp امکانات گسترده ای را در رابطه با طراحی Material ارائه می دهد . این ویجت با افزودن قابلیت های خاص مانند AnimatedTheme ، ThemeData و GridPaper باعث سرعت بخشیدن در مدیریت تم برنامه می گردد .

قطعه کد زیر نمونه ای از پیاده سازی این ویجت را نمایش می دهد :

MaterialApp(
  theme: ThemeData(
    fontFamily: 'Vazir',
    primarySwatch: Colors.blue,
    primaryColor: Color(0xff075e54), // رنگ AppBar
    accentColor: Color(0xff075e54), // رنگ FloatingBottun
  ),
  home: Scaffold(
    appBar: AppBar(
      title: const Text('Home'),
    ),
  ),
  debugShowCheckedModeBanner: false,
)

این مثال نحوه ایجاد یک MaterialApp را نشان می دهد که از مسیرهای Map استفاده می کند تا مسیر “home” و مسیری “About” را تعریف کند :

MaterialApp(
  routes: <String, WidgetBuilder>{
    '/': (BuildContext context) {
      return Scaffold(
        appBar: AppBar(
          title: const Text('Home Route'),
        ),
      );
    },
    '/about': (BuildContext context) {
      return Scaffold(
        appBar: AppBar(
          title: const Text('About Route'),
        ),
      );
     }
   },
)

مطالعه مقاله زیر را نیز که در رابطه به Navigation و Routing می باشد به شما توصیه می نمایم :

جهت کسب اطلاعات بیشتر از این آدرس به سایت اصلی فلاتر مراجعه نمایید .

امیدوارم این مطلب برای شما مفید باشد .