热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

Flutter修改TextField的高度,以及无边框圆角

修改TextField的高度可以通过decoration:InputDecoration的contentPadding进行修改,代码如下newTextField(decoratio

修改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的宽度。


推荐阅读
author-avatar
缘来是你明
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有