这章大致介绍一下,在app 开发中不可或缺的一个事件处理控件,Button。
在Flutter的官网的Widgets Overview中,我们可以看到有以下三个按钮:
Floating action Button
Raised Button
Flat Button
代码部分
![](https://img.haomeiwen.com/i4182047/f7544c018b78d1cd.png)
效果部分
![](https://img.haomeiwen.com/i4182047/be66d267c6b76ed1.gif)
按钮部分比较简单,这里需要注意一下,给三个Button 添加文字 使用的是child 属性添加一个 Text,也都可以设置图片,点击效果看gif 图即可。
![](https://img.haomeiwen.com/i4182047/fd95b5454d926883.png)
效果图如下
![](https://img.haomeiwen.com/i4182047/7c0aebbbf957fec1.png)
这章大致介绍一下,在app 开发中不可或缺的一个事件处理控件,Button。
Floating action Button
Raised Button
Flat Button
代码部分
效果部分
按钮部分比较简单,这里需要注意一下,给三个Button 添加文字 使用的是child 属性添加一个 Text,也都可以设置图片,点击效果看gif 图即可。
效果图如下
本文标题:Flutter UI基础- Button
本文链接:https://www.haomeiwen.com/subject/wnxaqqtx.html
网友评论