在没有填充的情况下,我会得到这样的结果:

no padding

像这样的事情

Padding(padding: EdgeInsets.all(20.0), child: TextField())

我得到以下结果:

with padding

这可能有点难看,但你只需看一下边缘的红色徽章就能明白我的意思.

我只想用填充移动文本,但实际上整个TextField都应用了填充,即下划线随填充一起移动,但我希望下划线仍然横跨整个视图,即只有TextField内的文本受填充影响.

推荐答案

将填充应用于TextField的内容.你可以申请

TextField的装饰属性处的ItemDecation的ContentPadding属性.

这样地:

TextField(
  textAlign: TextAlign.left,
  decoration: InputDecoration(
    hintText: 'Enter Something',
    contentPadding: EdgeInsets.all(20.0),
  ),
)

Flutter相关问答推荐

Flutter ReorderableListView在可滚动父级中无法完美工作

Flutter:sqflite DB

类型int不是可迭代动态tmdbapi类型的子类型<>

为什么Flutter InAppWebView中的DatePicker看起来很旧?

Flutter API请求BadState响应

Ffmpeg_kit_fltter:^6.0.3版权问题

Flutter :执行com.android.build.gradle.internal.tasks.MergeNativeLibsTask$MergeNativeLibsTaskWorkAction时出现故障

谷歌 map 在 flutter 应用程序中显示错误的当前位置

ScaffoldMessenger 在等待键下方不起作用

参数类型void Function()无法分配给参数类型void Function(LongPressEndDetails)?

什么最接近 Dart 的 List.asMap().forEach() 返回列表?

使用 riverpod 提供 GoRouter 实例的正确方法是什么?

如何删除或隐藏覆盖

如何(部分)更新 riverpod 中的 AsyncValue?

如何让小部件根据小部件的大小构建不同的布局?

具有 BLOC 和存储库模式的 Flutter Workmanager

如何将 chrome web 模拟器添加到 vs code

在 Flutter 中将提取的 Listview.builder 与两个列表一起使用

在 FAB 上添加表格小部件单击 FLUTTER

在Flutter 中将数字转换为印度文字样式