专栏首页青年码农Flutter基础widgets教程-WidgetsApp篇
原创

Flutter基础widgets教程-WidgetsApp篇

1 WidgetsApp

未经过改装的MaterialApp 可以说MaterialApp基于WidgetsApp

2 构造函数

MaterialApp({
  Key key,
  this.title = '', 
  this.home,
  this.color, 
  this.textStyle
  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, 
  this.debugShowWidgetInspector
}) 

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,
),

3.5 debugShowWidgetInspector

当为true时,打开检查覆盖,该字段只能在检查模式下可用

3.6 inspectorSelectButtonBuilder

构建一个视图与视图切换的小部件,可以通过该小部件或按钮切换到检查模式(debugShowWidgetInspector==true时才有效,点击该按钮之后再点击你要检查的视图)

3.7 debugShowMaterialGrid

该字段开启后,会在WidgetsApp外层包裹GridPaper,这个部件主要显示网格

3.8 initialRoute

指定默认显示的路由名字,默认值为 Window.defaultRouteName

3.9 onGenerateRoute

路由回调函数

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Flutter基础widgets教程-AppBar篇

    青年码农
  • Flutter基础widgets教程-MaterialApp篇

    青年码农
  • Flutter基础widgets教程-TextField篇

    青年码农
  • 确认过眼神,你是喜欢Stream的人

    摘要:在学习Node的过程中,Stream流是常用的东东,在了解怎么使用它的同时,我们应该要深入了解它的具体实现。今天的主要带大家来写一写可读流的具体实现,就过...

    用户2145235
  • Java基础:五、this关键字、static含义(4)

    如果只有一个peel()方法,如何知道是被a还是b所调用的呢?因为编译器会把“所操作对象的引用”作为第一次参数传递给peel()。所以上述两个方法的调用就变成了...

    桑鱼
  • Flutter 入门指北之基础部件

    原文:https://www.jianshu.com/p/8ddb16902ce6

    陈宇明
  • VUE+WebPack游戏设计:欲望都市城市图层的设计

    望月从良
  • Element Tabs 标签页 展示Echart 并随窗口变化自适应

    1、如何在一个div中展示不同的图表  (点击tab时为Chart组件赋值,并传给子组件,子组件监听数据变化并在 $nextTick 中重新绘制表格)

    tianyawhl
  • HTML5 Canvas炫酷的火焰风暴动画

    越陌度阡
  • .glb格式的模型怎么在three.js中展示

    3D软件中导出的格式一般有.obj 和.glb ,下面是blender 2.8.2 生成模型并在three.js中展示的流程

    tianyawhl

扫码关注云+社区

领取腾讯云代金券