html给按钮加边框,如何在边框按钮上添加边框?

我最近才陷入困境,到目前为止,我一直很喜欢它,但是我一直在进行一些UI更改。任何帮助表示赞赏!

我的目标是要得到一个带有蓝色背景图标的圆形按钮,但在外部周围有一个较深的蓝色边框。附有图片。

我的方法是:

获取一个圆形的蓝色按钮。

在该按钮上放置一个图标。

添加边框。

我陷入了第3步,因为我不知道如何添加边框,或者考虑到我解决问题的方式,是否还有可能添加边框。目前,具体颜色对我来说并不重要,稍后我将更改主题。

这是我目前有代码明智的地方:

var messageBtn = new Row(

children: [

new Padding(

padding: const EdgeInsets.all(20.0),

child: new RawMaterialButton(

onPressed: _messages,

child: new Padding(

padding: const EdgeInsets.all(20.0),

child: new Icon(

Icons.message,

size: 30.0,

color: Colors.white,

),

),

shape: new CircleBorder(),

fillColor: Colors.deepPurple,

),

),

new Padding(

padding: const EdgeInsets.all(8.0),

child: new Text(

'Send Messages',

style: new TextStyle(

fontSize: 20.0,

),

)),

],

);

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值