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


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

  • 相关阅读:
    windows本地提权——2003笔记
    Windows与linux添加用户命令
    反弹shell集锦
    提权-特权升级
    常见端口
    git泄露利用脚本
    Thinkphp5命令执行利用
    Thinkphp2.1漏洞利用
    打ms15-034补丁出现“此更新 不适用于您的计算机”
    Hyda爆破
  • 原文地址:https://www.cnblogs.com/zhujiabin/p/10312763.html
Copyright © 2020-2023  润新知