flutter TextField 使用prefixIcon图标和文字间距问题

 

 

 可以看到使用prefixIcon图标就出现间距问题。网上看了很多文章，好像是没有什么好的解决办法，也有可能是太简单了，别人懒的发（哭笑）。

我把我知道的方法写出来吧

 

decoration: InputDecoration(
                    // isCollapsed: true,
                    prefixIcon:  Icon(Iconfont.sousuoicon,size: 20,),//添加内部左边图标
                    prefixIconConstraints: BoxConstraints(
                        //添加内部图标之后，图标和文字会有间距，实现这个方法，不用写任何参数即可解决
                    ),
                    fillColor: ColorKit.hexToColor('#F6F6F6'),
                    filled: true,
                    hintText: '请输入搜索内容',
                    hintStyle: TextStyle(fontSize: 13),
                    border: OutlineInputBorder(
                      borderRadius: BorderRadius.circular(20),
                      borderSide: BorderSide.none,
                    ),
                  ),

没错，就这么简单

 

 

 添加这个就行，里面什么都不用写

prefixIconConstraints: BoxConstraints(
                        //添加内部图标之后，图标和文字会有间距，实现这个方法，不用写任何参数即可解决
                    ),