flutter - 定位的小部件必须直接放置在 Stack 小部件内

Question

我正在尝试实现带有图像和其中文本的 gridview。我想要黑色背景图像底部的文本。这是我的 ListItem

代码

class ListItem extends StatelessWidget {
    String url;
    String name;

    ListItem(this.url, this.name);
    @override
    Widget build(BuildContext context) {

        return new Container(
            child: new Column(
            children: <Widget>[
                new Image.network('${url}', fit: BoxFit.cover),
                new Positioned(
                    child: new Container(
                         child: new Text('${name}',
                         style: new TextStyle(fontSize: 20.0, color: Colors.white)),
                    decoration: new BoxDecoration(color: Colors.black),
                    padding: new EdgeInsets.fromLTRB(16.0, 16.0, 16.0, 16.0)),
                left: 0.0,
                bottom: 108.0,
           )
        ],
     ));
    }
 }

这段代码显示错误

Positioned widgets must be placed directly inside Stack widgets.
Positioned(no depth, dirty) has a Stack ancestor, but there are other widgets between them:
- Column(direction: vertical, mainAxisAlignment: start, crossAxisAlignment: center)

Answer 1

问题出在 Column 上，在这里和那里更改了几行后，我终于发现这是因为 Column

一旦我将 Column 更改为 Stack，它就可以正常工作。

return new Container(
        child: new Stack(