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

问题描述

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

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

这是我目前所拥有的

这就是我想要做的

解决方法

也许你可以试试这个

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),),);
}