修改TextField的高度可以通過decoration: InputDecoration的contentPadding進行修改,代碼如下
new TextField( decoration: InputDecoration( contentPadding: const EdgeInsets.symmetric(vertical: 10.0), ), )
這種修改可以在沒有prefixIcon的時候生效,如果加入prefixIcon,就會出現一個最小的高度,這時,按照如上方法修改如果高度較小的時候會修改失敗。
因而需要再TextField外層加一個BoxConstraints,代碼如下:
new ConstrainedBox( constraints: BoxConstraints( maxHeight: 25, maxWidth: 200 ), child: new TextField( decoration: InputDecoration( contentPadding: const EdgeInsets.symmetric(vertical: 4.0), hintText: '請輸入搜索內容', prefixIcon: Icon(Icons.search), // contentPadding: EdgeInsets.all(10), border: OutlineInputBorder( borderRadius: BorderRadius.circular(15), borderSide: BorderSide.none), filled: true, fillColor: Color(0xffaaaaaa), ), ), ),
maxHeight為最大高度,可酌情進行更改,實際修改的高度依舊是contentPadding這個屬性。
maxWidth為最大寬度,可修改TextField的寬度。