【Flutter】widgets (2) Flutter 组件布局基础 MaterialApp 、Scaffold、Container 带示例可线上运行

一、引言

在移动应用开发中，布局是至关重要的一部分，它决定了应用的用户界面如何组织和显示。一个好的布局不仅可以使你的应用看起来更美观，也可以提高用户体验，使用户更容易理解和使用你的应用。

Flutter，作为一种流行的开源 UI 框架，提供了一系列强大的布局组件，帮助开发者轻松地创建出色的应用。这些组件包括但不限于 MaterialApp、Scaffold、Container、Column、Row 和 Stack。

本文中你将会学到：

• MaterialApp：应用程序的根组件，提供了许多 top-level 需要的功能，如导航、主题、路由等。
• Scaffold：Material Design 应用程序的基本布局结构，提供了默认的导航栏、标题和包含主屏幕 widget 树（body）的 body 属性。
• Container：一个方便的组件，可以帮助你组合多种布局策略，如 padding、margins、borders、背景颜色，或者将它们的宽度和高度设置为固定的尺寸或百分比。