如何创建小型 TextField

Question

我想减少 space 行和文本之间的抖动。

SizedBox(
                        width: 60.0,
                        child: TextField(
                          textAlign: TextAlign.center,
                          keyboardType: TextInputType.number,
                          style: TextStyle(color: Colors.black),
                          decoration: InputDecoration(
                            hintText: '125',
                          ),
                        ),
                      ),

Answer 1

不要将 TextField 包装在 SizedBox 中，而是使用 constraints 属性 of Input Decoration 来给 TextField 最小值或最大值 height/width:

TextField(
    textAlign: TextAlign.center,
    keyboardType: TextInputType.number,
    style: TextStyle(color: Colors.black),
    decoration: InputDecoration(
      hintText: '125',
      isDense: true,
      constraints: BoxConstraints(
        maxWidth: 60
      )
    ),
  )

Answer 2

在 InputDecoration() 内设置 contentPadding: EdgeInsets.zero。并设置 isDense: true

如何创建小型 TextField

How to Create small TextField

flutter

flutter-layout

textfield