Flutter 常用的按钮组件

class FlatButtonDemo extends StatelessWidget {@overrideWidget build(BuildContext context) {return Center(child: Column(children: [// FlatButton// 不带图标FlatButton(color: Colors.red,onPressed: () {},child: Text('默认按钮', style: TextStyle(color: Colors.white, fontSize: 20),)),// 带图标按钮FlatButton.icon(color: Colors.red,onPressed: () {},icon: Icon(Icons.print, color: Colors.white, size: 28,),label: Text('默认按钮', style: TextStyle(color: Colors.white, fontSize: 20),)),// FloatingActionButton// 普通的悬浮按钮FloatingActionButton(onPressed: () {},child: Icon(Icons.add),),// 可做登录按钮使用FloatingActionButton.extended(onPressed: () {},label: Text('只是一个扩展样'),icon: Icon(Icons.explicit),),// IconButtonContainer(decoration: BoxDecoration(color: Colors.green),child: IconButton(// 根据父容器来决定图标的位置alignment: AlignmentDirectional.center,color: Colors.yellow,// 图标大小iconSize: 28,onPressed: () {},icon: Icon(Icons.print),// 提示文本tooltip: '一个图标',),),// OutlineButtonOutlineButton(child: Text('Outline组件'),borderSide: BorderSide(color: Colors.orange),onPressed: () {}),OutlineButton.icon(onPressed: () {},borderSide: BorderSide(color: Colors.orange),icon: Icon(Icons.camera),label: Text('提交按钮')),// RaisedButtonRaisedButton(child: Text('点击登录按钮'),color: Colors.green,colorBrightness: Brightness.dark,disabledColor: Colors.grey,textColor: Colors.white,disabledTextColor: Colors.grey,textTheme: ButtonTextTheme.normal,splashColor: Colors.red,// 抗锯齿能力clipBehavior: Clip.antiAlias,padding: EdgeInsets.only(bottom: 5.0, top: 5.0, left: 20.0, right: 20.0),// shape: Border.all(//   width: 2.0,//   color: Colors.red,//   style: BorderStyle.solid// ),shape: RoundedRectangleBorder(side: BorderSide(width: 2,color: Colors.white,style: BorderStyle.solid,),borderRadius: BorderRadius.all(Radius.circular(10))),onPressed: () {},),// RawMaterialButtonRawMaterialButton(child: Text('button'),onPressed: () {},textStyle: TextStyle(fontSize: 10, color: Colors.red),highlightColor: Colors.red,splashColor: Colors.blue,)],));}
}

Flutter 常用的按钮组件相关推荐

flutter 常用的第三方组件
引用文章链接: https://www.jianshu.com/p/a523e5f131b2 1.格式化日期时间组件:https://pub.dev/packages/date_format 2.日期 ...
Flutter 中的常见的按钮组件以及自定义按钮组件、FloatingActionButton 实现类似闲鱼 App 底部导航凸起按钮
文章目录一. Flutter 中的按钮组件介绍二. Flutter 按钮组件中的一些属性三. Flutter FloatingActionButton 介绍四. FloatingActionB ...
Flutter中的多选按钮组件Checkbox
Flutter 中的多选按钮组件有两种. 1. Checkbox 多选按钮,一般用来表现一些简单的信息. 常用属性如下: 1. value 多选的值: 2. onChanged 选择改变触发的事件: ...
Flutter 常用组件-总览
文章目录 1. 重要概念 2. 容器组件 3. 图片组件 4. 文本组件 4.1 Text 4.2 RichText 5. 图标及按钮组件 5.1 图标组件常用属性 5.2 图标按钮组件常用属性 ...
【Flutter】Flutter 拍照示例 ( 浮动按钮及点击事件 | 底部显示按钮组件 | 手势检测器组件 | 拍照并获取当前拍摄照片 | 从相册中选择图片 )
文章目录一.浮动按钮及点击事件二.底部显示按钮组件三.手势检测器组件四.image_picker 完整代码示例五.相关资源一.浮动按钮及点击事件一般使用 Scaffold 组件作为界面的 ...
flutter图标按钮_Flutter 中的常见的按钮组件以及自定义按钮组件
import 'package:flutter/material.dart'; class ButtonDemoPage extends StatelessWidget { const ButtonD ...
Flutter自定义背景色渐变按钮组件
这是笔者写的第一个 Flutter 自定义组件,在这里和大家分享一下,可能稍微有点粗糙,就当学习使用. 首先我们先来看一下效果图: 代码: import 'package:flutter/materi ...
Python中Button按钮组件常用的属性及参数设置
Python中Button按钮组件常用的属性及参数设置本篇文章中小编给大家介绍Button按钮组件的相关常用的属性以及参数的设置. 一. 常用属性使用语法变量=Button(父容器(根窗口),参数 ...
Flutter的AppBar的按钮组件
Flutter的AppBar的按钮组件 1.AppBar和SliverAppbar AppBar和SliverAppBar全部都是继承StatefulWidget类,代表都是ToolBar 工具条 A ...
Flutter 常用控件使用详解
目录配置 Flutter常用控件 Text TextField组件 Container Image GridView Row水平组件 Column垂直布局 Stack层叠布局参考配置由于Flu ...

Flutter 常用的按钮组件

Flutter 常用的按钮组件相关推荐

最新文章

热门文章