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(

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

                    ),

巴特西

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

最新文章

热门文章