RoundedRectangleBorder:这是Flutter中定义圆角矩形边框的类。通过borderRadius属性,可以设置圆角的半径。 BorderRadius.circular(20.0):这表示所有四个角的半径都是20.0。你可以根据需要调整这个值来改变圆角的大小。 测试与调整 将上述代码复制到你的Flutter项目中,并运行应用。 观察TextButton的圆角效果是否符合你的设计要...
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...
child: Text('Button'), onPressed: () {}, ) 效果如下: 设置其边框样式,代码如下: OutlineButton( borderSide: BorderSide(color: Colors.blue,width:2), disabledBorderColor: Colors.black, highlightedBorderColor: Colors.red, child: Text('Button'), onPressed: () {}, ) 效果如下: DropdownButton ...
(style:ButtonStyle(//背景颜色backgroundColor:MaterialStateProperty.all(Colors.white),//文字颜色foregroundColor:MaterialStateProperty.all(MColors.colorAPP),//设置圆角shape:MaterialStateProperty.all(RoundedRectangleBorder(borderRadius:BorderRadius.circular(22),),//边框的宽度 和 颜色side:MaterialStateProperty...
),//边框圆角borderRadius: BorderRadius.circular(20), )),//button 按钮阴影高度elevation: MaterialStateProperty.all(20), ), ),//带 icon 的文本按钮TextButton.icon( onPressed: () {}, icon: const Icon( Icons.add, size:18, color: Colors.red, ...
OutlineButton 是一个带边框的按钮,用法和RaisedButton一样,代码如下: OutlineButton( child: Text('Button'), onPressed: () {}, ) 效果如下: 设置其边框样式,代码如下: OutlineButton( borderSide: BorderSide(color: Colors.blue,width: 2), disabledBorderColor: Colors.black, ...
borderRadius: BorderRadius.circular(24.0))), elevation: MaterialStateProperty.all<double>(0), ) )), 6. 设置button style 方式二: TextButton( style: TextButton.styleFrom( backgroundColor: Color(0xFFFFC800), shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(24.0)), ...
shape设置按钮的形状 shape: MaterialStateProperty.all( RoundedRectangleBorder( borderRadius: BorderRadius.circular(10)) ) sideMaterialStateProperty.all(BorderSide(width:1,color: Colors.red)) ElevatedButton TextButton OutlinedButton IconButton classHomePageextendsStatelessWidget{constHomePage({super.key});@ov...
shape ShapeBorder(抽象类) 设置按钮的形状 minWidthdouble最小宽度 heightdouble高度 而在Android中如果我们要修改按钮样式的话,需要通过selector和Shape等方式进行修改,相比较Flutter来说是要麻烦不少的 RaisedButton RaisedButton的构造方法如下,由于继承自MaterialButton,所以MaterialButton中的大多数属性这边都能用,且效...
ElevatedButton 即"凸起"按钮,它默认带有阴影和灰色背景。按下后,阴影会变大 classMyAppextendsStatelessWidget {constMyApp({super.key}); @override Widget build(BuildContext context) {returnContainer( child: ElevatedButton( onPressed: (){}, child: Text("普通按钮"),) ...