✅ 最佳回答: OutlinedButton和ElevatedButton都有一个styleFrom方法,可以用来设置填充、颜色和形状等内容: OutlinedButton( child: Text('Padded Button'), onPressed: (){ }, style: OutlinedButton.styleFrom( padding: EdgeInsets.all(8), shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(16...
pressedOpacity = 0.4:点击是按钮透明的 borderRadius = const BorderRadius.all(Radius.circular(8.0)):圆角 onPressed:点击事件 3.CupertinoButton、CupertinoButton.filled 1601964982(1).png ··· class _CupertinoButtonPageState extends State<CupertinoButtonPage> { _myCupertinoButton() { return CupertinoButton( c...
圆角按钮 ElevatedButton(style:ButtonStyle(backgroundColor:MaterialStateProperty.all(Colors.blue),foregroundColor:MaterialStateProperty.all(Colors.white),elevation:MaterialStateProperty.all(20),shape:MaterialStateProperty.all(RoundedRectangleBorder(borderRadius:BorderRadius.circular(10))),),onPressed:(){print(...
要实现圆角效果,我们可以使用Container组件的decoration属性,并为其指定一个BoxDecoration对象。BoxDecoration对象有一个borderRadius属性,我们可以为这个属性指定一个Radius对象来定义圆角的大小。例如,下面的代码创建了一个具有圆角的Container组件: Container( decoration: BoxDecoration( borderRadius: BorderRadius.all(Radius.c...
// 2.圆角按钮Container(margin:EdgeInsets.only(left:10),height:40,width:80,child:RaisedButton(color:Colors.blue,textColor:Colors.white,onPressed:(){},child:Text("圆角"),shape:RoundedRectangleBorder(borderRadius:BorderRadius.circular(10),),),), ...
OutlinedButton.icon( onPressed: () {}, icon: Icon(Icons.access_time_filled_sharp), label: Text("增加")) ]); } } 修改按钮的宽度高度 classMyApp5extendsStatelessWidget {constMyApp5({super.key}); @override Widget build(BuildContext context) {returnSizedBox( ...
1.3 设置RaisedButton形状 我们可以使用shape属性为RaisedButton组件设置形状。为此,我们需要创建一个ShapeBorder对象并传递给shape属性。以下是一个示例: RaisedButton(onPressed: () {// 点击事件处理},child: Text('点击我'),color: Colors.blue,textColor: Colors.white,shape: RoundedRectangleBorder(borderRadius: ...
//counterText的样式this.filled,//如果为true,则输入使用fillColor指定的颜色填充this.fillColor,//相当于输入框的背景颜色this.errorBorder,//errorText不为空,输入框没有焦点时要显示的边框this.focusedBorder,//输入框有焦点时的边框,如果errorText不为空的话,该属性无效this.focusedErrorBorder,//errorText不为...
(controller:TextEditingController(),decoration:InputDecoration(contentPadding:constEdgeInsets.symmetric(horizontal:15.0),hintText:'创建订单名称',hintStyle:TextStyle(fontSize:14.0),border:OutlineInputBorder(borderRadius:BorderRadius.circular(10.0),borderSide:BorderSide.none),filled:true,fillColor:Color(0xFF...
decoration:InputDecoration(contentPadding:constEdgeInsets.only(left:10),filled:true,fillColor:Colors.white,hintText:hintText,hintStyle:constTextStyle(textBaseline:TextBaseline.alphabetic,color:Colors.grey,),border:OutlineInputBorder(borderRadius:BorderRadius.circular(10),borderSide:BorderSide.none,),),)...