Flutter（12）：基础组件之FlutterLogo、Placeholder

Flutter教学目录持续更新中

github源代码持续更新中

由于这两个组件内容比较少，也比较简单，所以一起讲解

1.FlutterLogo介绍

这个就是字面意思Flutter的logo，一般来说也用不上，了解一下

2.FlutterLogo属性

• size：大小
• colors：颜色
• textColor：“Flutter”文本的颜色
• style： FlutterLogoStyle.markOnly，是否以及在何处绘制“颤动”文本。默认情况下，仅绘制徽标本身
• duration：动画的时长
• curve：Curves.fastOutSlowIn 动画样式

3.FlutterLogo

有兴趣的可以自己改代码看一下动画样式

1600695467(1).png

FlutterLogo(
            size: 100,
            textColor: Colors.red,
            duration: Duration(milliseconds: 3000),
            style: FlutterLogoStyle.stacked,
            curve: Curves.bounceIn,
          ),

4.Placeholder介绍

一个占位控件

5.Placeholder属性

color: 设置占位符颜色
strokeWidth: 设置画笔宽度
fallbackHeight: 宽度
fallbackWidth: 高度

6.Placeholder

1600695687(1).png

Placeholder(
                color: Colors.red,
                strokeWidth: 3,
                fallbackWidth: 100,
                fallbackHeight: 100,
              )

到这里flutter的基础的一些组件就是讲完了，下面我们会了解其他一些组件。因为flutter中是分material风格的组件（谷歌的设计分割）跟ios风格的组件的，所以下面我们就分这两个分别都去学习一下，下一个从material的组件开始，其中Scaffold跟Appbar就直接跳过了，基础组件里面讲过了，传送门：

Flutter（10）：基础组件之Scaffold

Flutter（11）：基础组件之Appbar

下一节：Material组件之TabBar

Flutter（13）：Material组件之TabBar

Flutter教学目录持续更新中

github源代码持续更新中