6. 设置button style 方式二: TextButton( style: TextButton.styleFrom( backgroundColor: Color(0xFFFFC800), shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(24.0)), textStyle: TextStyle( color: Color(0xFF333333), ), )
1. 确定Flutter TextButton的样式属性 TextButton 的样式主要由 ButtonStyle 类控制,该类包含多个属性用于定义按钮的外观,如背景色、文字颜色、形状等。 2. 查找用于设置背景色的属性 在ButtonStyle 中,overlayColor 属性用于设置按钮被按下或悬停时的背景色。如果你想要设置默认的背景色,可以使用 backgroundColor(在...
(style:ButtonStyle(//背景颜色backgroundColor:MaterialStateProperty.all(Colors.white),//文字颜色foregroundColor:MaterialStateProperty.all(MColors.colorAPP),//设置圆角shape:MaterialStateProperty.all(RoundedRectangleBorder(borderRadius:BorderRadius.circular(22),),//边框的宽度 和 颜色side:MaterialStateProperty...
const ButtonStyle({ this.textStyle, //字体 this.backgroundColor, //背景色 this.foregroundColor, //前景色 this.overlayColor, // 高亮色,按钮处于focused, hovered, or pressed时的颜色 this.shadowColor, // 阴影颜色 this.elevation, // 阴影值 this.padding, // padding this.minimumSize, //最小...
overlayColor: MaterialStateProperty.all(Colors.yellow), //设置阴影 不适用于这里的TextButton elevation: MaterialStateProperty.all(0), //设置按钮内边距 padding: MaterialStateProperty.all(EdgeInsets.all(10)), //设置按钮的大小 minimumSize: MaterialStateProperty.all(Size(200, 100)), ...
Flutter中的TextButton组件默认会添加波纹效果,可以通过添加一个InkWell包装器来解决这个问题。示例如下: InkWell( onTap: () { // 处理点击事件的逻辑 }, child: TextButton( child: Text("按钮"), onPressed: null, style: TextButton.styleFrom( backgroundColor: Colors.grey[200], primary: Colors.black,...
//需要使用SizedBox限制TextButton高度 returnSizedBox( height:20, width:44, child: TextButton( onPressed: onPress, style: ButtonStyle( padding: MaterialStateProperty.all(EdgeInsets.zero), //这个style设置的color不生效,要设置foregroundColor textStyle: MaterialStateProperty.all(constTextStyle( ...
一般常用的 Button 是 MaterialButton、IconButton、FloatingActionButton。 MaterialButton是一个 Materia 风格的按钮。 newMaterialButton( color: Colors.blue, textColor: Colors.white, child:newText('点我'), onPressed: () {// ...}, ) 一般来说,如果需要点击事件,就要嵌套一个 Button,因为 Container、Tex...
TextButton(child:Text('TextButton'),onPressed:(){},) onPressed为点击回调,onLongPress为长按回调。 下面是最重要的属性ButtonStyle,一切外观都是通过这个属性进行控制,属性如下: 代码语言:javascript 复制 constButtonStyle({this.textStyle,//字体this.backgroundColor,//背景色this.foregroundColor,//前景色this...
TextButton( style: ButtonStyle( backgroundColor: MaterialStateProperty.resolveWith((states) { if (states.contains(MaterialState.hovered)) { return Colors.green; } return Colors.transparent; })), onPressed: () {}, child: new Text( "TEST", ...