flutter TextField 文字居中
通常使用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 文字居中相关推荐
- java textfield 文字居中_java.awt.TextField和TextArea:文本框和文字区控件
在 Java AWT 内有两个与文字输入有关的类 TextField(文本框控件)和 TextArea(文本区控件),它们之间的差异在于: TextField 文本框只能输入单行文本: TextAre ...
- flutter TextField 输入框组件
TextField 顾名思义文本输入框,类似于iOS中的UITextField和Android中的EditText和Web中的TextInput.主要是为用户提供输入文本提供方便.相信大家在原生客户端 ...
- flutter TextField 属性详细分析
flutter TextField 属性 简单的进行了归纳,有些是仅凭字面翻译. flutter TextField中的InputDecoration属性 TextField({Key key,thi ...
- Flutter TextField 交互实例 —— 新手礼包
大家好,我是 17. 新手礼包一共 3 篇文章,每篇都是描述尽量详细,实例讲解,包会! Flutter Row 实例 -- 新手礼包 Flutter TextField UI 实例 -- 新手礼包 F ...
- flutter TextField 输入框被软键盘挡住的解决方案
flutter TextField 输入框被软键盘挡住的解决方案 参考文章: (1)flutter TextField 输入框被软键盘挡住的解决方案 (2)https://www.cnblogs.co ...
- html一半文字一半图片,一个div的子div宽是200高是350 里面怎么让图片显示一半 另外一半文字居中!?...
html> test 这里是文字 div{ margin: 0 auto; /* 这里是为了让div居中 你可以不需要 */ outline: 1px solid red; /* 这里是为了 ...
- android text字体居中显示,Android Canvas的drawText()和文字居中方案
自定义View是绘制文本有三类方法 // 第一类 public void drawText (String text, float x, float y, Paint paint) public vo ...
- QLable显示图片 和 QLabel自适应 QLabel 文字居中
一. 用QLabel 显示png图片, 由于主窗口的变化导致图片显示完全,所以需要图片自适应大小? 二.代码如下 1 ui.label_Thinner->setPixmap(QPixmap(&q ...
- 完美解决移动Web小于12px文字居中的问题
前几天的一篇博文:移动Web单行文字垂直居中的问题,提到了移动web里小于12px的文字居中异常的问题,最后还是改为12px才近乎解决了问题.但是有时候或许并不是那么乐观,你并不能将原本定为10px的 ...
最新文章
- Python 键盘鼠标监听
- 波士顿动力的机器狗上班了!巡逻、检测不在话下,挪威公司为其编发工号
- 数字图像处理实验(12):PROJECT 05-03,Periodic Noise Reduction Using a Notch Filter
- 用DOS命令安装删除服务
- IDEA2021配置Tomcat
- Android Layout XML属性
- Java基础篇:构造函数
- 会做饭的机器人曰记_做饭机器人作文作文300字
- OpenCV图像预处理常用函数及流程
- B2C电子商务开发的网店管理系统
- 关于C语言数组的输入与输出
- 前端网页按钮效果的展示
- 山东大学项目实训设计系统(四)管理员端
- 智能眼镜的两种显示方式
- WordPress 网站使用微信和支付宝支付插件功能
- Hadoop基础之《(6)—Hadoop单机伪集群安装》
- 行测资料分析之三角形权重图
- ⑰霍兰德EI*如何选选专业?高考志愿填报选专业
- C++ STL 之stack
- 个人日记-学习究竟是什么读后感3-2020/7/13