将填充添加到默认Flutter应用

Question

我正在学习Flutter，并且我对初学者应用做了一些非常简单的修改，因此浮动按钮会将文本项更改为数组中的随机字符串。

问题是文本太靠近屏幕边缘 - 需要填充。但每当我尝试在任意数量的地方添加padding:元素时，VSCode似乎都不喜欢它。我见过在其他示例代码中使用的填充，但在这种情况下似乎无法使其工作。

@override
Widget build(BuildContext context) {
  return new Scaffold(
    appBar: new AppBar(
      title: new Text(widget.title),
    ),
    body: new Center(
      child: new Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          new Text(
            'Welcome to DadBot!',
          ),
          new Text(
            _txt,
            style: Theme.of(context).textTheme.display1,
          ),
        ],
      ),
    ),
    floatingActionButton: new FloatingActionButton(
      onPressed: _changeText,
      tooltip: 'Increment',
      child: new Icon(Icons.add),
    ),
  );
}

Answer 1

获取填充的最简单方法是将小部件包装在Padding小部件中，并指定所需的偏移量。

Answer 2

修复了问题，方法是在Padding类中包含有问题的Text小部件，如下所示：

new Padding(
  padding: new EdgeInsets.all(10.0),
  child: new Text(
    _txt,
    textAlign: TextAlign.center,
    style: Theme.of(context).textTheme.display1,
  ),
),

我仍然习惯了Flutter做事的方式，但我喜欢它！