flutter-实现圆角带边框的view(android无效)

在Flutter中,使用boxDecoration和shapeDecoration可在iOS上创建圆角带边框的视图,但在Android上效果不生效。针对Android,通过StadiumBorder可以实现左右两端的半圆形效果,但自定义圆角支持不完整。
摘要由CSDN通过智能技术生成

 

注意:当前version1.9.1+hotfix2,mac,下面的效果只能在iOS上有效,安卓无效

 

x下面的两种方式在iOS有效:

1.使用boxDecoration

 return new Container(
        decoration: new BoxDecoration(
            color: Colors.grey,
            borderRadius: BorderRadius.all(Radius.circular(5.0)),
            border: Border.all(width: 2, color: Colors.green)),
        padding: EdgeInsets.all(1),
        child: new Text(
          '测试按钮',
          style: TextStyle(color: Colors.black),
        ),
      );

2.使用shapeDecoeation

new Container(
      decoration: new ShapeDecoration(
          color: Colors.grey,
          shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.all(Radius.circular(10.0)),
            side: BorderSide(
              width: 2,
              color: Colors.green,
            ),
          )),
      p
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值