今天遇到了一个关于TextField的问题:
若是给textField设定的布局高度小于它的默认高度,那么它的居中就会有问题.
api
修改后的效果:
代码:
ide
Container( color: Colors.black12, constraints: BoxConstraints(maxHeight: 30), child: TextField( textAlignVertical: TextAlignVertical.bottom, focusNode: secondTextFieldNode, decoration: InputDecoration( hintText: '请输入', border: OutlineInputBorder(borderSide: BorderSide.none), // contentPadding: EdgeInsets.all(0), ), textCapitalization: TextCapitalization.characters, ), ),
主要在于布局
- border 不能直接使用
InputBorder.none
- 若是文字偏上用
TextAlignVertical.bottom
修正 - 旧版本的flutter可能须要设置
contentPadding: EdgeInsets.all(0),