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 代...
onPressed:()=>print("圆角按钮"),shape:RoundedRectangleBorder(borderRadius:BorderRadius.circular(10)//设置圆角),),SizedBox(width:10),Container(width:100,height:100,child:RaisedButton(child:Text("圆形按钮"),onPressed:()=>print("圆形按钮"),shape:CircleBorder(//设置圆形side:BorderSide...
PopupMenuButton<String>( icon: Icon(Icons.add), ... ) 效果如下: 设置弹出菜单边框: PopupMenuButton<String>( shape: RoundedRectangleBorder( side: BorderSide( color: Colors.red ), borderRadius: BorderRadius.circular(10) ), ... ) 效果如下: IconButton IconButton是一个图标按钮,用法如下: Icon...
圆角按钮 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(...
),//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), ...
OutlineButton 是一个带边框的按钮,用法和RaisedButton一样,代码如下: OutlineButton( child: Text('Button'), onPressed: () {}, ) 效果如下: 设置其边框样式,代码如下: OutlineButton( borderSide: BorderSide(color: Colors.blue,width: 2), disabledBorderColor: Colors.black, ...
blue, elevation:10, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(10) ), onPressed: () { print('点击了带圆角的按钮'); } ) ) ) ] ) ] ) ) ); } } 三、FloatingActionButton 介绍 FloatingActionButton简称FAB ,可以实现浮动按钮,也可以实现类似闲鱼app的地步凸起导航 属性...
1.3 设置RaisedButton形状 我们可以使用shape属性为RaisedButton组件设置形状。为此,我们需要创建一个ShapeBorder对象并传递给shape属性。以下是一个示例: RaisedButton(onPressed: () {// 点击事件处理},child: Text('点击我'),color: Colors.blue,textColor: Colors.white,shape: RoundedRectangleBorder(borderRadius: ...
all(Size(320, 36)), //设置阴影 不适用于这里的TextButton elevation: MaterialStateProperty.all(0), //设置按钮内边距 padding: MaterialStateProperty.all(EdgeInsets.all(10)), ///设置按钮圆角 shape: MaterialStateProperty.all(RoundedRectangleBorder( borderRadius: BorderRadius.circular(5))), ///...
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), ...