yellow[300]; } //默认不使用背景颜色 return null; }), ///设置水波纹颜色 overlayColor: MaterialStateProperty.all(Colors.yellow), ///按钮大小 minimumSize: MaterialStateProperty.all(Size(320, 36)), //设置阴影 不适用于这里的TextButton elevation: MaterialStateProperty.all(0), //设置按钮内边距 ...
( child: OutlinedButton( style: ButtonStyle( backgroundColor: WidgetStateProperty.all(Colors.blue),// 背景颜色foregroundColor: WidgetStateProperty.all(Colors.white),// 文本颜色side: WidgetStateProperty.all(constBorderSide( width:2, color: Colors.red,// 边框颜色) ) ), child:constText("Custom ...
import 'package:flutter/material.dart'; Widget justButton({ String btText = '', Color bgColor = Colors.blue, Color? txtColor = Colors.white, Color borderColor = Colors.black, void Function() onpressedAction,//here iam getting problem }) { return OutlinedButton( //i w 浏览7提问于2021...
上述代码中,OutlineButton的borderSide属性被设置为BorderSide(color: Colors.blue, width: 2.0),即设置边框的颜色为蓝色,宽度为2.0。shape属性被设置为RoundedRectangleBorder,以添加圆角边框。child属性用于设置按钮上显示的文本内容。 在您的应用程序中使用MyButtonPage页面。 代码语言:txt 复制 void main() { ...
2、 OutlinedButton: 效果: 3、ElevatedButton 效果: 属性API: 1、点击事件 onPressed 2、长按事件 onLongPress 3、属性: textStyle 字体 backgroundColor 背景颜色 foregroundColor 字体颜色 overlayColor 高亮色,按钮处于focused, hovered, or pressed时的颜色 ...
child: OutlinedButton( onPressed: () {}, child: Text( "确认注销", style: TextStyle(color: Colors.grey), ), style: OutlinedButton.styleFrom( shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(18.0), ), side: BorderSide(width: 1, color: Colors.grey), ...
MaterialStateProperty.all(BorderSide(width:1,color: Colors.red)) 1.2 按钮类型 1.2.1 ElevatedButton ElevatedButton 即"凸起"按钮,它默认带有阴影和灰色背景。按下后,阴影会变大 ElevatedButton( onPressed: () {}, child: const Text("普通按钮") ) ...
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10)), textColor: Colors.white, padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8), splashColor: Colors.grey, ) 注意: 自 2021 年 5 月起,不推荐使用 RaisedButton 类的 flutter。应该改为使用 EleatedButton 类。后面的类...
String adTitle = widget.documentSnapshot['Title']; String $adDescription = widget.documentSnapshot['Description']; IconData _iconData = Icons.favorite_border_outlined; Color _iconColor = Colors.red; return Scaffold( body: Column( children: [ Row( children: [ IconButton.outlined( icon: Icon...
red, shadowColor: Colors.green, ), ); } } OutlinedButton:默认有一个边框,不带阴影且背景透明。按下后,边框颜色会变亮、同时出现背景和阴影。 //OutlinedButton class HomePage extends StatelessWidget { const HomePage({super.key}); @override Widget build(BuildContext context) { return OutlinedButton...