OutlinedButton是一种常用的按钮组件,它具有一个边框,但边框的颜色默认是主题颜色。如果想要更改OutlinedButton的边框颜色,可以通过以下步骤实现: 导入所需的库和组件: 代码语言:txt 复制 import 'package:flutter/material.dart'; 创建一个自定义的主题样式: ...
yellow[300]; } //默认不使用背景颜色 return null; }), ///设置水波纹颜色 overlayColor: MaterialStateProperty.all(Colors.yellow), ///按钮大小 minimumSize: MaterialStateProperty.all(Size(320, 36)), //设置阴影 不适用于这里的TextButton elevation: MaterialStateProperty.all(0), //设置按钮内边距 ...
Flutter中的OutlinedButton是一种扁平化的按钮组件,它带有一个边框和可选的文本或图标标签。与凸起的ElevatedButton不同,OutlinedButton没有阴影效果,看起来更为简洁和低调。它通常用于次要操作或在需要强调其他按钮的情况下使用。 2. OutlinedButton的常用属性 onPressed:用户点击按钮时调用的回调函数。 child:按钮上显示...
同样地,要更改OutlinedButton的禁用颜色,可以使用ButtonStyle的side属性和side.disabledBorderColor属性。side属性用于定义边框的样式,side.disabledBorderColor属性则用于定义禁用状态下的边框颜色。 以下是一个示例代码,展示如何更改OutlinedButton的禁用颜色为灰色: 代码语言:txt 复制 OutlinedButton( onPressed: null, ch...
style: OutlinedButton.styleFrom( shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(18.0), ), side: BorderSide(width: 1, color: Colors.grey), ), ), ), SizedBox( width: 10, ), Expanded( flex: 3, child: MaterialButton( ...
首先看一下flutter SDK给我们的api都有哪些 按住command键,从TextButton进入sdk文档,新增加了一个ButtonStyle 类型的style, 继续点进去就能看到更多信息 classButtonStyle with Diagnosticable{/// Create a [ButtonStyle].constButtonStyle({this.textStyle,this.backgroundColor,this.foregroundColor,this.overlayColor,...
Flutter makes it easy and fast to build beautiful apps for mobile and beyond - Add WidgetStateOutlinedBorder.resolveWith · flutter/flutter@397420d
Contributes to #130459 It adds a test for examples/api/test/material/material_state/material_state_outlined_border.0_test.dart Pre-launch Checklist I read the Contributor Guide and followed the...
我试图使用BorderSide(color: Colors.blue)更改Flutter小部件OutlineButton的边框颜色。 无论设置哪种颜色,OutlineButton始终带有灰色边框,但宽度更改是适用的。 如何更改OutlineButton边框线颜色? class OutlineButtonWidget extends StatelessWidget { @override Widget build(BuildContext context) { return Center( child: ...
OutlinedButton是一种常见的前端开发组件,用于创建具有边框的按钮。然而,OutlinedButton的边框颜色通常是由UI框架或组件库的默认样式确定的,无法直接更改。如果需要更改OutlinedButton的边框颜色,可以考虑以下几种方法: 使用自定义样式:通过为OutlinedButton添加自定义CSS样式来更改边框颜色。可以使用CSS的border属性来设置边框的...