调整borderRadius 的值以达到所需的圆角效果。 以下是一个完整的代码示例,展示了如何为 TextButton 设置圆角: dart import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: ...
TextButton( onPressed: () {}, child: const Text('Enabled'), style: TextButton.styleFrom( textStyle: const TextStyle(fontSize: 20), ), ), const SizedBox( height: 30, ), ClipRRect( borderRadius: BorderRadius.circular(4), child: Stack( children: [ Positioned.fill( child: Container( d...
),//button 按钮内边距padding: MaterialStateProperty.all(const EdgeInsets.all(20)),//button 按钮边框相关的样式shape: MaterialStateProperty.all(RoundedRectangleBorder(//边框样式side: const BorderSide( width:5, color: Colors.blue, ),//边框圆角borderRadius: BorderRadius.circular(20), )),//button...
style: ButtonStyle( padding: MaterialStateProperty.all(EdgeInsets.zero), //这个style设置的color不生效,要设置foregroundColor textStyle: MaterialStateProperty.all(constTextStyle( color: Colors.white, fontSize:12, )), //取消圆角边框 shape: MaterialStateProperty.all( constRoundedRectangleBorder(borderRa...
OutlineButton 是一个带边框的按钮,用法和RaisedButton一样,代码如下: OutlineButton( child: Text('Button'), onPressed: () {}, ) 效果如下: 设置其边框样式,代码如下: OutlineButton( borderSide: BorderSide(color: Colors.blue,width: 2), disabledBorderColor: Colors.black, ...
Material( shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(30.0)), clipBehavior: Clip.antiAlias, child: MaterialButton( color: Colors.teal.withOpacity(0.4), height: 60.0, child: Text('MaterialButton'), onPressed: () {})) RaisedButton / FlatButton 源码分析 代码语言:javascript 代...
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10)), child: const Text( 'Flat Button', ), onPressed: () {}, ) 注意: 自 2021 年 5 月起,FlatButton 类在 flutter 中将被弃用。应改为使用 TextButton 类。后面的类最终将从 flutter SDK 中删除,因此建议转移到新的类。
(fontSize:30)),// shape: MaterialStateProperty.all(OutlinedBorder(side: BorderSide(color: Colors.red))),shape:MaterialStateProperty.all(RoundedRectangleBorder(side:BorderSide(color:Colors.red,width:10),borderRadius:BorderRadius.circular(25))),side:MaterialStateProperty.all(BorderSide(color:Colors....
TextButton(style:ButtonStyle(//背景颜色backgroundColor:MaterialStateProperty.all(Colors.white),//文字颜色foregroundColor:MaterialStateProperty.all(MColors.colorAPP),//设置圆角shape:MaterialStateProperty.all(RoundedRectangleBorder(borderRadius:BorderRadius.circular(22),),//边框的宽度 和 颜色side:MaterialSta...
OutlineButton 是一个带边框的按钮,用法和RaisedButton一样,代码如下: OutlineButton( child: Text('Button'), onPressed: () {}, ) 效果如下: 设置其边框样式,代码如下: OutlineButton( borderSide: BorderSide(color: Colors.blue,width:2), disabledBorderColor: Colors.black, ...