在Android中，我们使用TextView。在iOS中，我们使用uilabel显示文本；
在Flutter中，我们使用文本组件来控制如何显示它的文本；
在Flutter中，我们可以将文本控件显示为两类：
让我们看一下其中一些属性的使用：
我们可以通过一些属性更改文本的布局：
代码显示如下：
前面显示的文本具有相同的样式。如果我们想给他们不同的风格怎么办？
如果您想显示这种混合样式，那么我们可以使用碎片进行操作（在Android中，我们可以使用SpannableString。在iOS中，我们可以使用NSATTRIBETDERSTRING来完成它，您可以理解它。）
代码显示如下：
材料小部件库提供了各种按钮，例如FloatingActionButton，RishisedButton，Flatbutton，OutlineButton等。
让我们直接向他们展示显示：
我们使用的先前按钮是默认样式，我们可以通过某些属性更改按钮的样式
实际上，这里有一个更常见的属性：高程，用于控制阴影的大小。许多地方将具有此属性。您可以自己演示。
图片可以使我们的应用程序更加丰富多彩。
图像组件具有许多构建功能。我们在这里主要学到两个：
相对而言，颤动中的加载网络图片将更简单，并且不需要任何配置即可传递URL，因此让我们看一下如何将网络图片加载到颤音中。
让我们看一下可以在图像上设置的属性：
我们对其中的一些练习：
加载本地图片更麻烦，您需要介绍图片并进行配置
使用一些小部件也可以实现扑动的角度效果。
3.3.1。实施圆形化身1：CircleAvata
CircleAvata可以实现圆形的头像，或者您可以添加一个子范围：
让我们实施一个圆形化身：
方法两个：剪辑
夹具也可以实现圆形化身，通常仅在只有头像时才使用
实施方法三：容器+boxdecorab
通过这种方式，我们在解释容器时将其采用
3.3.2。圆角的实施：剪辑
夹层用于实现圆形效果，并可以设置角落的大小。
实现代码如下，非常简单：
方法两个：容器+BoxDecorace
稍后还解释了这一点，以解释容器
与用户的交互之一是输入框，例如注册，登录和搜索。我们收集用户输入的内容并将其提交给服务器。
4.1.1。TextField简介Textfield用于接收用户的文本输入。它提供了很多属性。让我们看一下源代码：
让我们学习一些更常见的属性：
4.1.2。Textfield的风格并监视我们以演示Textfield和Monitor的装饰属性：
4.1.3。Textfield的控制器我们可以将控制器添加到TextField，您可以使用它来设置文本的初始值，也可以使用它来监视文本的更改；
实际上，如果我们不为TextField提供控制器，那么Flutter将默认情况下创建一个TextedingController。可以通过阅读源代码来获得此结论：
我们还可以创建一个控制器来控制某些内容：
当我们开发注册和登录页面时，通常需要多种表格同时获得内容或进行一些验证。如果每个TextField都会单独验证，那是一个更麻烦的事情。
完成前端开发后，我们可以将多个输入标签放在形式中，扑面也借用了这样的想法：我们可以通过表单进行一些操作以执行一些操作。
4.2.1。表单的基本用途也是一个小部件，可以放置在我们的输入框中。
但是表单中的输入框必须是类型的FormField类型
我们可以通过表格的软件包实现注册页面：
4.2.2。保存和获取表单数据后，我们需要在单击注册时同时以表格获取并保存数据。我们该怎么做？
如何同时获取表单信息？
知识点：我们如何获得一个陈述的小部件，以通过参考获得状态窗？
答：只需绑定全球键即可。
案例代码钻头：
4.2.3。验证以表格填充的表单数据，我们可以添加它，如果与某些特定规则一致，则可以为用户提供某些提示信息
例如，我们需要帐号和密码才能拥有这样的规则：帐户和密码不能为空。
根据以下步骤，可以完成整个验证过程：
您还可以将属性添加到TextFormField：Autaledate
该组件用于屏幕安全区域的显示布局。当不使用或不使用时，或者页面布局将扩展到手机状态栏区域。如果您不想沉浸在州酒吧，可以使用Safearea
显示和隐藏组件：
常见属性：
替换网不显示组件可见的bool子组件，当不可见的是，在空间不可见的组件动画是否不可见时，维持statebool是否不可见。
切割：
媒体查询：用于查询屏幕宽度
尺寸的尺寸比TextScaleFactordouble像素比例比1.5获取屏幕宽度和高度设备Pixeirateiouble设备像素像素，这将增加50％。
原始：https：//juejin.cn/post/7097566538546282509