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

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

最好的解决办法是 :
1.设置textField有边框,并设置外边框为透明色
2.设置contentPadding:EdgeInsets.only(top: 0, bottom: 0)

 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 TextField 文字居中相关推荐

  1. java textfield 文字居中_java.awt.TextField和TextArea:文本框和文字区控件

    在 Java AWT 内有两个与文字输入有关的类 TextField(文本框控件)和 TextArea(文本区控件),它们之间的差异在于: TextField 文本框只能输入单行文本: TextAre ...

  2. flutter TextField 输入框组件

    TextField 顾名思义文本输入框,类似于iOS中的UITextField和Android中的EditText和Web中的TextInput.主要是为用户提供输入文本提供方便.相信大家在原生客户端 ...

  3. flutter TextField 属性详细分析

    flutter TextField 属性 简单的进行了归纳,有些是仅凭字面翻译. flutter TextField中的InputDecoration属性 TextField({Key key,thi ...

  4. Flutter TextField 交互实例 —— 新手礼包

    大家好,我是 17. 新手礼包一共 3 篇文章,每篇都是描述尽量详细,实例讲解,包会! Flutter Row 实例 -- 新手礼包 Flutter TextField UI 实例 -- 新手礼包 F ...

  5. flutter TextField 输入框被软键盘挡住的解决方案

    flutter TextField 输入框被软键盘挡住的解决方案 参考文章: (1)flutter TextField 输入框被软键盘挡住的解决方案 (2)https://www.cnblogs.co ...

  6. html一半文字一半图片,一个div的子div宽是200高是350 里面怎么让图片显示一半 另外一半文字居中!?...

    html> test 这里是文字 div{ margin: 0 auto;  /* 这里是为了让div居中  你可以不需要 */ outline: 1px solid red; /* 这里是为了 ...

  7. android text字体居中显示,Android Canvas的drawText()和文字居中方案

    自定义View是绘制文本有三类方法 // 第一类 public void drawText (String text, float x, float y, Paint paint) public vo ...

  8. QLable显示图片 和 QLabel自适应 QLabel 文字居中

    一. 用QLabel 显示png图片, 由于主窗口的变化导致图片显示完全,所以需要图片自适应大小? 二.代码如下 1 ui.label_Thinner->setPixmap(QPixmap(&q ...

  9. 完美解决移动Web小于12px文字居中的问题

    前几天的一篇博文:移动Web单行文字垂直居中的问题,提到了移动web里小于12px的文字居中异常的问题,最后还是改为12px才近乎解决了问题.但是有时候或许并不是那么乐观,你并不能将原本定为10px的 ...

最新文章

  1. Python 键盘鼠标监听
  2. 波士顿动力的机器狗上班了!巡逻、检测不在话下,挪威公司为其编发工号
  3. 数字图像处理实验(12):PROJECT 05-03,Periodic Noise Reduction Using a Notch Filter
  4. 用DOS命令安装删除服务
  5. IDEA2021配置Tomcat
  6. Android Layout XML属性
  7. Java基础篇:构造函数
  8. 会做饭的机器人曰记_做饭机器人作文作文300字
  9. OpenCV图像预处理常用函数及流程
  10. B2C电子商务开发的网店管理系统
  11. 关于C语言数组的输入与输出
  12. 前端网页按钮效果的展示
  13. 山东大学项目实训设计系统(四)管理员端
  14. 智能眼镜的两种显示方式
  15. WordPress 网站使用微信和支付宝支付插件功能
  16. Hadoop基础之《(6)—Hadoop单机伪集群安装》
  17. 行测资料分析之三角形权重图
  18. ⑰霍兰德EI*如何选选专业?高考志愿填报选专业
  19. C++ STL 之stack
  20. 个人日记-学习究竟是什么读后感3-2020/7/13

热门文章

  1. 真正让负债人害怕的是什么?
  2. QQ服务器拒绝了你发送离线文件暂时解决办法
  3. 十一拍照技巧速成:如何把你的女友拍得美美的?
  4. Beosin成都链安团队获得BOS安全漏洞激励
  5. 串口的一点知识(摘抄)
  6. 初级程序员历年真题知识点总结
  7. jQuery方法parents()和parent()
  8. 十大类文字错误,让他们错失大奖
  9. 爱奇艺背后的“迷雾剧场”
  10. linux应用项目(一)数码相框(3)数码相框之电子书