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 构造函数


   
  1. MaterialApp({
  2. Key key,
  3. this.title = '',
  4. this.home,
  5. this.color,
  6. this.theme,
  7. this.routes = const <String, WidgetBuilder>{},
  8. this.navigatorKey,
  9. this.initialRoute,
  10. this.onGenerateRoute,
  11. this.onUnknownRoute,
  12. this.navigatorObservers = const <NavigatorObserver>[],
  13. this.builder,
  14. this.onGenerateTitle,
  15. this.locale,
  16. this.localizationsDelegates,
  17. this.localeListResolutionCallback,
  18. this.localeResolutionCallback,
  19. this.supportedLocales = const <Locale>[Locale('en', 'US')],
  20. this.debugShowMaterialGrid = false,
  21. this.showPerformanceOverlay = false,
  22. this.checkerboardRasterCacheImages = false,
  23. this.checkerboardOffscreenLayers = false,
  24. this.showSemanticsDebugger = false,
  25. this.debugShowCheckedModeBanner = true,
  26. })

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:定义主题**


   
  1. theme: ThemeData(
  2. primaryColor: Colors.red,
  3. ),

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

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

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

评论(0

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

全部回复

上滑加载中

设置昵称

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

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

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