widget - 如何在 Flutter 中给 Container Widget 添加下划线

Question

我试图在我的 Flutter 应用中为容器添加下划线。到目前为止，当我使用以下代码时，我获得了某种支持:

    Container(
        child: Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Expanded(
              child: Padding(
                padding: EdgeInsets.all(8.0),
                child: Text(
                  'Underline my parent!',
                  maxLines: 2,
                  textAlign: TextAlign.center,
                ),
              ),
            )
          ],
        ),
        decoration: Border(bottom: BorderSide(color: Colors.grey)),
      ),

但现在我希望下划线不是从头到尾，我希望在开始和结束时都有空间。如果有一些更聪明的方法来给小部件加下划线，我也很乐意看到它。

Answer 1

将底部的 BorderSide 添加到您的容器中。

     Container(
        decoration: BoxDecoration(
           border: Border(
              bottom: BorderSide(width: 1.0, color: Colors.black),
           ),
       ),
    ),