如何解决Flutter:如何修复并为轮廓按钮添加边框和颜色?
谁能告诉我为什么我的代码没有将边框设为蓝色,并让它的宽度为 3.0?
代码:
class CreateRoomButton extends StatelessWidget {
@override
Widget build(BuildContext context) {
return OutlinedButton(
onpressed: () => print('Create Room'),style: ButtonStyle(
shape: MaterialStateProperty.all<RoundedRectangleBorder>(
RoundedRectangleBorder(
side: BorderSide(
color: Colors.blueAccent[100],width: 3.0,),borderRadius: BorderRadius.circular(30.0),child: Row(
children: [
ShaderMask(
shadercallback: (rect) =>
Palette.createRoomGradient.createShader(rect),child: Icon(
Icons.video_call,color: Colors.white,size: 35.0,const SizedBox(width: 4.0),Text(
'Create\nRoom',style: TextStyle(color: Colors.blueAccent[100]),],);
}
}
此外,我必须在某处添加它(但由于 textColor 在 Flutter 2.0 中已贬值,因此我不知道如何处理它...):
textColor: Palette.facebookblue,
谢谢!
解决方法
只需将您的 OutlinedButton 更改为:
OutlinedButton(
onPressed: () => print('Create Room'),style: OutlinedButton.styleFrom(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(30.0),),side: BorderSide(width: 3.0,color: Colors.blueAccent[100]),)
child: yourChildWidget,)
,
像这样,在孩子中你可以编写你的小部件
轮廓按钮( 样式: OutlinedButton.styleFrom( 侧面:BorderSide(颜色:Colors.teal), ),onPressed: () {},孩子:空, ),
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。