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源代码持续更新中

你可能感兴趣的:(Flutter(12):基础组件之FlutterLogo、Placeholder)