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

本文深入探讨了Flutter框架中的MaterialApp和Scaffold组件。MaterialApp作为一个封装多个必要组件的小部件,通常用于顶层widget;而Scaffold则是实现MaterialDesign布局的基础,包括appBar、body、drawer和snackbar等部分。文章通过实例代码展示了两者如何协同工作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在万物生长的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'),
      ),
    );
  }
}

}

复制代码

转载于:https://juejin.im/post/5cb6f5a9e51d456e4b3c6e8f

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值