TextField InputDecoration 下的 prefixIcon默认最小宽度修改

最新推荐文章于 2024-08-01 00:09:18 发布

小林——先生

最新推荐文章于 2024-08-01 00:09:18 发布

阅读量2.1k

点赞数

分类专栏： flutter 随笔

本文链接：https://blog.csdn.net/weixin_45205118/article/details/107912897

版权

这篇博客主要介绍了如何修改TextField中InputDecoration的prefixIcon默认的最小宽度。默认情况下，prefixIcon的宽度是固定的，但通过源码分析并进行相应调整，可以改变这一设置，实现宽度的自定义。

摘要由CSDN通过智能技术生成

TextField InputDecoration 下的 prefixIcon默认最小宽度修改，

    child: TextField(
      style: TextStyle(fontSize: 20.px), //字体样式
        decoration: InputDecoration(
            prefixIcon: Container(
                color: Colors.red,
                child: Icon(Icons.phone_android,color:_color ,size: 30.px,),
            ),
            hintText:'请输入账号',
            alignLabelWithHint:false,
            hintStyle:TextStyle(fontSize: 20.px,color: _color),
            border: OutlineInputBorder(borderSide: BorderSide(color:_color, width: 1.0)),
          contentPadding: EdgeInsets.all(0),
            focusedBorder: OutlineInputBorder(
                borderRadius: BorderRadius.all(Radius.circular(5.0)),
                borderSide: BorderSide(color: _color, width: 1.0))
        )
    ),

可以看到默认的前置图标的宽度是固定的

在这里插入图片描述