flutter - 如何在 flutter 中绘制动态高度线？

Question

我想画一条动态高度线，如下图所示

我使用带有单边边框的容器做了一些事情

Container(
child:(content goes here....)
  margin: EdgeInsets.symmetric(horizontal:16+20.0),
   decoration: BoxDecoration(
          border: Border(
            left: BorderSide(width: 2.0, color: Colors.lightBlue.shade600),

                      ),
          color: Colors.white,
        ),
)

但问题是线条的角(顶部和底部)没有圆角。
我想在帖子的左侧画一条垂直线，右侧是内容。

Answer 1

你可以尝试这样的事情:

IntrinsicHeight(
  child: Row(
    children: [
      Container(
        width: 5,
        decoration: ShapeDecoration(
          shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(5)),
          color: const Color(0x7f9e9e9e),
        ),
      ),
      Expanded(child: **content goes here**),
    ],
  ),
)

这里有一个 DartPad 示例:Example

这会产生这样的东西:

左边的栏会根据右边的内容自动调整大小。