dart - 将填充添加到默认的 Flutter 应用程序

标签 dart flutter

我正在学习 Flutter,我对入门应用做了一些非常简单的修改,以便 float 按钮将文本项更改为数组中的随机字符串。

问题是文本太靠近屏幕边缘——需要填充。但是每当我尝试在任意数量的地方添加 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),
    ),
  );
}

Text without padding.

最佳答案

获得填充的最简单方法是将小部件包装在 Padding 中小部件并指定您想要的偏移量。

关于dart - 将填充添加到默认的 Flutter 应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49658508/

相关文章:

generics - 尝试在父类的Dart中捕获错误

flutter - flutter中如何将数据从后台服务发送到主应用程序

android - 如何从 OneSignal 推送通知 Flutter 中提取消息标题和正文

dart - 在Flutter中正确使用媒体查询

flutter - 为什么硬编码时TextSpan中的文本会自动换行,而通过对象传递时为什么不自动换行

dart - 如何将 ElementinnerHtml 更改为 Dart SDK 0.7.1

flutter - onPressed Flutter属性故障

android-studio - 如何在Flutter中仅为OutlineButton制作带下划线的边框

flutter - 为什么可以将 `int Function()` 类型的回调作为 `void Function()` 传递(例如,对于 Flutter setState)?

Flutter 2.0 - 自动完成小部件从右侧退出屏幕