Flutter开发一 Flutter Widget 之MaterialApp,Scaffold联系与区别

1,523 阅读1分钟

在万物生长的flutter的世界里,center这种坐标系上的数字也是组件,你敢信?

MaterialApp是组件,Scaffold您也是组件,有什么关联呢

=======

1.什么是MaterialApp

一个封装了很多所必须要的组件的小部件,一般作为顶层widget使用
Object->Diagnosticable ->DiagnosticableTree ->Widget ->StatefulWidget ->MaterialApp

2.什么是Scaffold(脚手架)

Scaffold组件是Material Design布局结构的基本实现,,包括最上面的appBar,body,以及下部的drawer,snackbar等

3.一般来说MaterialApp的home我们会放一个Scaffold,下面是一个简单例子

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title:'Title',
      home: Scaffold(
        appBar: AppBar(title: Text('Flutter Widget 之MaterialApp,Scaffold联系与区别')),
        body: Text('text'),
      ),
    );
  }
}

}