flutter - LTRB的Flutter Padding EdgeInsets将内容推到底部

Question

我正在尝试在Card小部件内的列中添加底部填充(请参见下面的图片和代码):
[![我的代码和布局快照] [1]] [1]
码:

Column(
                children: <Widget>[
                  Padding(padding: EdgeInsets.fromLTRB(10, 0, 10, 20)),
                  Text('${e.phrase}', style: TextStyle(color: Colors.white60),),
                  Divider(height: 5, color: Colors.transparent,),
                  Text('${e.author}', style: TextStyle(color: Colors.white60),)
                ],
              ),

问题:底部填充值增加得越多，列内容被压入底部的次数就越多，这与预期的相反，我在做什么错？请解释。
[1]: /image/dFKKt.png

Answer 1

我您想为Column小部件设置padding这样做

Padding(
    padding: EdgeInsets.fromLTRB(10, 0, 10, 20),
    child: Column(
        children: <Widget>[
            Text('quotes'),
            Text('quotes author')
        ],
    ),
),

您将Padding小部件作为Column的子级传递了，结果是您得到了一个空框作为Text Widget的同级。

如果查看Padding小部件的文档或源代码，您将看到Padding小部件接受可选的子小部件。

class Padding extends SingleChildRenderObjectWidget {
const Padding({
    Key key,
    @required this.padding,
    Widget child,
}) : assert(padding != null),
    super(key: key, child: child);

final EdgeInsetsGeometry padding;

... // other code omitted
}

因此，如果您想为容器Column设置填充，则应将其设为Padding小部件的子代。