胤胤爸

Scaffold 我们知道Flutter里有一个Scaffold控件，中文翻译过来是脚手架的意思，它实现了基本的Material Design可视化的布局结构，提供了抽屉drawer、snackbar

Modifier 大家对修饰符Modifier应该很熟悉了，前面Column、Row、Box和Text等都用到了这个修饰符，它是一个有序的、不可变的修饰元素集合，用于给Compose UI元素添加装饰

Row 横向线性布局和竖向线性布局很像，都属于线性布局，不同的是竖向线性布局在屏幕上垂直排列，而横向线性布局在屏幕上水平排列： 在Android View中，实现横向线性布局也是LinearLayou

Column 我们知道在Android View中，竖向线性布局这么写： 竖向线性布局就是在屏幕上垂直排列的控件，如图： Compose中的竖向线性布局用Column去实现 我们可以看到Column中

ImageView 我们知道Android View中ImageView用来显示图片，而Compose中我们使用Image展示图片，来看看简单用法： 上面使用了painterResource方法传入了

按钮还是很常见也是非常重要的。在Compose中按钮的名字和Android View中的名字一样都叫做Button，我们先看看它的创建： 代码中我们创建了Button，并设置了其大小、文案和点击事件，

输入和修改文字 在Compose中TextField允许用户输入和修改文字，同Android中的EditText。TextField实现有两个：TextField 和 BasicTextField。

TextView 我们知道Android里显示文本使用TextView，如： 显示效果如下图： 那么，Compose如何显示文字呢？其实我们前面的例子中都应该看的很清楚了，我们再来看一下： 对，就这么

主题 我们通过第一个Compose应用程序知道了其主题theme的设置 这里面我们自定义一个theme来替代默认的theme主题： 我们定义了两个colors，分别是深色模式和浅色模式的主题默认颜色。