微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何在 Flutter 中使我的垂直条尖端变圆

如何解决如何在 Flutter 中使我的垂直条尖端变圆

我的卡片小部件中有这个自定义垂直条,我正在尝试使垂直条在顶部和底部像设计一样有点圆,但我不知道该怎么做,所以我会如果我能得到任何帮助或建议,我真的很感激。谢谢

  Widget verticalBarSeparator(String value) {
    final int data = int.parse(value);
    return Container(
        color: data < 0 ? Colors.red : Colors.green,height: 80,width: 4);
  }

这是我目前所拥有的

enter image description here

这就是我想要做

enter image description here

解决方法

也许你可以试试这个

Widget verticalBarSeparator(String value) {
  final int data = int.parse(value);
  return Container(
    height: 80,width: 4,decoration: ShapeDecoration(
      color: data < 0 ? Colors.red : Colors.green,shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.circular(10.0),),);
}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。