004-MaterialApp和Scaffold

MaterialApp

MaterialApp其实就是一个Widget
它提供了一些好看的Theme(通过Theme属性进行控制)
还提供了路由控制的功能(home属性用来控制程序入口)

MaterialApp(
      home: xxx, //首页地址
      // 应用通用主题样式,如果需要在一些特别页面不生效,可以单独为特别页面添加Theme
      theme:ThemeData( 
        
      )
);

Scaffold

主要用来定义页面的基础结构,比如上导航/内容区域/下导航/侧边栏

Scaffold(
    //配置appbar,也就是标题栏的一些文件样式,比如标题名称,标题Icon
    appbar:Appbar(),
    // 侧边栏
    drawer:Drawer()
    // 内容区域样式
    body: xxx,
)

总体结构

 Widget build(BuildContext context) {
    return MaterialApp(
      ....
      home:Scaffold(
          //项目单页面结构,比如导航等
      )
    );
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容