今天遇到了一個關於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),