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

Question

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

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

这是我目前所拥有的

这就是我想要做的

Answer 1

也许你可以试试这个

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