如何删除 SpinBox 内容和下划线之间的空格？答案

【问题标题】：How to remove the space between SpinBox content and underline?如何删除 SpinBox 内容和下划线之间的空格？
【发布时间】：2022-01-15 07:24:08
【问题描述】：

我的问题与How to remove Space at the bottom of TextField in flutter? 基本相同，除了不是 TextFormField 小部件，我要求的是 SpinBox 小部件。设置isDense: true 或isCollapsed: true 似乎会使数字与递增/递减按钮不一致（见截图）

同时，包裹在SizedBox 中并设置高度是一些改进，但我不能像我想要的那样缩小高度，或者增加/减少到线以下。这是高度为 25：

45 的高度在视觉上看起来不错，但它占用了太多空间来满足我的需求。

产生以下布局的当前代码：

SizedBox(
  width: 120,
  height: 45,
  child: SpinBox(
    value: 0,
    onChanged: (value) {}
  ),
)

【问题讨论】：

您能否包含您的代码 sn-p 以重现相同的问题？
SpinBox 不是标准小部件。在这种情况下，请始终包含指向包含它的库的链接 - 可能有多个 SpinBox 实现具有不同的行为。

标签： css flutter dart flutter-layout

【解决方案1】：

查看SpinBox 的source code 可以看到TextField 的inputDecoration 已暴露，您可以尝试删除它的contentPadding，看看它是否能解决您的问题：

SpinBox(
  decoration: InputDecoration(
    contentPadding: EdgeInsets.zero,
  ),
);

【讨论】：