Flutter基础widgets教程-MaterialApp篇

举报
青年码农 发表于 2022/08/26 00:45:13 2022/08/26
【摘要】 1 MaterialApp MaterialApp 是我们app开发中常用的符合MaterialApp Design设计理念的入口Widget。  2 构造函数 MaterialApp({ Key key, this.title = '', this.home, this.colo...

c20cd3871b33008ff256909993e125de.png

1 MaterialApp

MaterialApp 是我们app开发中常用的符合MaterialApp Design设计理念的入口Widget。 

2 构造函数


       MaterialApp({
         Key key,
        this.title = '',
        this.home,
        this.color,
        this.theme,
        this.routes = const <String, WidgetBuilder>{},
        this.navigatorKey,
        this.initialRoute,
        this.onGenerateRoute,
        this.onUnknownRoute,
        this.navigatorObservers = const <NavigatorObserver>[],
        this.builder,
        this.onGenerateTitle,
        this.locale,
        this.localizationsDelegates,
        this.localeListResolutionCallback,
        this.localeResolutionCallback,
        this.supportedLocales = const <Locale>[Locale('en', 'US')],
        this.debugShowMaterialGrid = false,
        this.showPerformanceOverlay = false,
        this.checkerboardRasterCacheImages = false,
        this.checkerboardOffscreenLayers = false,
        this.showSemanticsDebugger = false,
        this.debugShowCheckedModeBanner = true,
       })
   
  

3 常用属性

3.1 title:安卓手机任务管理页面所看到应用的名字

title:Text("Flutter Demo"),
  

3.2 home:app运行时打开的首页面

home: MyApp(),
  

3.3 routes:定义路由

内容为map健值对;key为路由名称,value为路由对应的页面。页面需要跳转时,可以通过Navigator.pushNamed(context, 'rooteName');来跳转,

3.4 theme:定义主题**


       theme: ThemeData(
           primaryColor: Colors.red,
       ),
   
  

文章来源: blog.csdn.net,作者:NMGWAP,版权归原作者所有,如需转载,请联系作者。

原文链接:blog.csdn.net/NMGWAP/article/details/125067154

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。