ElevatedButton: 凸起按钮,具有立体效果。 TextButton: 文本按钮,通常用于文字链接或简单的按钮。 OutlinedButton: 带边框的按钮,边框颜色可自定义。 IconButton: 图标按钮,使用图标作为按钮的内容。 另外: 按下时都会有“水波动画”(又称“涟漪动画”,就是点击时按钮上会出现水波扩散的动画)。
//水平方向上居中children:<Widget>[RaisedButton(child:Text("普通按钮"),onPressed:()=>print("普通按钮"),),SizedBox(width:10),//间隔RaisedButton(child:Text("有颜色按钮"),onPressed:()=>print("有颜色按钮"),color:Colors.blue,textColor:Colors.white,),SizedBox...
Flutter是一种跨平台的移动应用开发框架,由Google开发和维护。它允许开发者使用单一代码库构建高性能、美观且流畅的移动应用程序,同时支持iOS和Android平台。 带有图标和文本的按钮是F...
浮动按钮 Floating Action Button 浮动操作按钮: ー FAB 按钮是一个圆形图标按钮,它触发应用程序中的主要操作。它是当今应用程序中最常用的按钮。我们可以使用这个按钮来添加、刷新或共享内容。Flutter 建议每个屏幕最多使用一个 FAB 按钮。 浮动动作按钮有两种类型: FloatingActionButton 它创建一个简单的圆形浮动按钮,...
4. 图标按钮:IconButton组件 官方文档位置:https://api.flutter.dev/flutter/material/IconButton-class.html 在本节中,我们将介绍Flutter中的IconButton组件,包括创建IconButton、设置IconButton样式、设置IconButton点击事件以及禁用IconButton组件等内容。 4.1 创建IconButton组件 ...
OutlineButton 是一个带边框的按钮,用法和RaisedButton一样,代码如下: OutlineButton( child: Text('Button'), onPressed: () {}, ) 效果如下: 设置其边框样式,代码如下: OutlineButton( borderSide: BorderSide(color: Colors.blue,width:2), disabledBorderColor: Colors.black, ...
五、带图标的按钮 1、概述 2、示例 代码示例 运行结果 六、点击和长按事件 1、点击事件 2、长按事件 七、ButtonStyle 按钮样式 ...
Flutter 1.22版本新增了3个按钮,TextButton、OutlinedButton、ElevatedButton,虽然以前的Button没有被废弃,但还是建议使用新的Button。 官网api入口:ButtonStyle 目录: 更多button按钮入口(带图标,或者就是一个图标的按钮) 使用方法:他们的使用方法都一样 1、 TextButton: ...
IconButton:带图标 - 继承自StatelessWidget 希望你们会喜欢。 示意图 1. RaisedButton 核心属性 constRaisedButton({Key key,@requiredVoidCallback onPressed,// 按下按钮的回调Widget child,// 子控件,一般是传入一个TextWidgetColor textColor,// 文本颜色Color disabledTextColor,/// 禁用时文本的颜色Color color...