如何在Flutter中为一个容器小部件加下划线?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (952)

我正试图在我的应用程序中划出一个容器。到目前为止,当我使用以下代码时,我实现了某种程度的支持:

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

但现在我希望下划线的破折号不是从头到尾,我希望在开始和结束的空间。

提问于
用户回答回答于

你可以用一个简单的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()
        ),     
    ]
)

扫码关注云+社区

领取腾讯云代金券