flutter TextField 文字居中

通常使用TextField组件时,会给它加宽度和高度。
然而加高度就会导致 TextField 不居中显示。

TextField里面的contentPadding参数可以控制它的位置。但这样做无法适配所有机型。

最好的解决办法是 :
1.设置textField有边框,并设置外边框为透明色
2.设置contentPadding:EdgeInsets.only(top: 0, bottom: 0)
flutter TextField 文字居中_第1张图片

 decoration: InputDecoration(
                          hintText: '搜一搜',
                          hintStyle: TextStyle(letterSpacing: -0.9),
                          contentPadding:EdgeInsets.only(top: 0, bottom: 0),
                          border: OutlineInputBorder(
                              borderSide:
                                  BorderSide(color: Colors.transparent),
                          ),
                          enabledBorder: OutlineInputBorder(
                            borderSide: BorderSide(
                              color: Colors.transparent,
                            ),
                          ),
                          disabledBorder: OutlineInputBorder(
                            borderSide: BorderSide(
                              color: Colors.transparent,
                            ),
                          ),
                          focusedBorder: OutlineInputBorder(
                            borderSide: BorderSide(
                              color: Colors.transparent,
                            ),
                          ),
                        ),

你可能感兴趣的:(flutter,flutter,前端,css3)