flutter基础布局之MaterialApp

最新推荐文章于 2024-07-18 15:30:00 发布

computerclass

最新推荐文章于 2024-07-18 15:30:00 发布

阅读量101

点赞数

分类专栏： flutter 文章标签： MaterialApp

本文链接：https://blog.csdn.net/computerclass/article/details/115426953

版权

flutter 专栏收录该内容

220 篇文章 1 订阅

订阅专栏

本文介绍了Flutter中的MaterialApp组件，展示了如何配置主页、定义路由和主题。MaterialApp是Flutter应用的基础，用于设置全局主题、导航和应用结构。示例中涵盖了基本的AppBar配置和创建多个页面路由的方法。

摘要由CSDN通过智能技术生成

https://api.flutter.dev/flutter/material/MaterialApp-class.html

MaterialApp(
  home: Scaffold(
    appBar: AppBar(
      title: const Text('Home'),
    ),
  ),
  debugShowCheckedModeBanner: false,
)

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'),
        ),
      );
     }
   },
)

MaterialApp(
  theme: ThemeData(
    brightness: Brightness.dark,
    primaryColor: Colors.blueGrey
  ),
  home: Scaffold(
    appBar: AppBar(
      title: const Text('MaterialApp Theme'),
    ),
  ),
)