我正在尝试在我的Flutter应用程序中给Container加下划线。到目前为止,我使用以下代码实现了某种意义上的归属感:
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)),
),
但现在我希望下划线不是从头到尾,我想在开始和结束时留出空间。如果有更聪明的方式给窗口小部件加下划线,我也会很高兴看到的。
发布于 2018-07-02 03:38:46
您可以使用包含填充的简单Divider
小部件:
new Padding(
padding: EdgeInsets.all(8.0),
child: new Divider()
),
然后,您可以使用列包装现有的小部件:
new Column(
children: <Widget> [
yourContainerWidget,
new Padding(
padding: EdgeInsets.all(8.0),
child: new Divider()
),
]
)
发布于 2020-08-27 08:41:00
将底部BorderSide
添加到容器中。
Container(
decoration: BoxDecoration(
border: Border(
bottom: BorderSide(width: 1.0, color: Colors.black),
),
),
),
发布于 2020-07-28 12:31:30
您可以使用Border
在容器小部件中简单地创建下划线
代码如下:
Container(
padding: EdgeInsets.all(8.0),
decoration: BoxDecoration(
border: Border(
bottom: BorderSide(
width: 1.0
),
),
),
child: Text(
'Underline my parent!',
maxLines: 2,
textAlign: TextAlign.center,
),
),
https://stackoverflow.com/questions/51126174
复制相似问题