bruno icon indicating copy to clipboard operation
bruno copied to clipboard

BrnDeleteTag 无法添加圆角

Open luoqiz opened this issue 1 year ago • 4 comments

问题提交

BrnDeleteTag 无法添加圆角

内容需包含:

1、BUG 描述

通过设置shape实现圆角,但是重写了outlineborder后无效

2、复现步骤

3、期望行为

圆角、边框为虚线的标签

4、运行环境

  • 运行设备
  • 系统
  • Bruno 版本
  • 3.3.0
  • Flutter Doctor 信息

5、附加信息

image

luoqiz avatar Jul 19 '23 11:07 luoqiz

BrnDeleteTag(
            controller: controller.controller,
            tagTextStyle: const TextStyle(color: Colors.white, fontSize: 18),
            deleteIconSize: const Size(14, 14),
            // shape: DashedOutlineBorder(color: Colors.red, borderRadius: 18),
            shape: RoundedRectangleBorder(
                side: BorderSide(width: 10, color: Colors.blue),
                borderRadius: BorderRadius.circular(8)),
            deleteIconColor: Colors.white,
            backgroundColor: const Color(0xFF1fcc79),
            onTagDelete: (tags, tag, index) {
              BrnToast.show(
                  '剩余的标签为:${tags.toString()},删除了的标签为:$tag  ,删除的标签index为$index',
                  context);
            },
          )

上面的代码应该实现的功能是 边框宽度为10,颜色为蓝色,但是无论怎么设置只有黑色 image

luoqiz avatar Jul 19 '23 12:07 luoqiz

将BorderSide 放到 clip组件上即可

luoqiz avatar Jul 21 '23 01:07 luoqiz

希望可以调整一下,可以设置边框信息

luoqiz avatar Jul 23 '23 02:07 luoqiz

感谢反馈. : ) 我们后续优化下这个组件

violinday avatar Jul 23 '23 10:07 violinday