TextField 添加 suffixIcon后,文字和图标不居中,修改 suffixIcon 中的高度也不生效
suffixIcon 内容如下
Widget eyesIcon() {
return GestureDetector(
child: Container(
height: 40,
width: 40,
alignment: Alignment.centerRight,
child: Icon(
eyesClose ? Ionicons.ios_eye : Ionicons.ios_eye_off,
color: ThemeColors.font_color_grey,
size: 16,
),
),
onTap: () {
setState(() {
eyesClose = !eyesClose;
});
});
}同样的 清除图标是没问题的
Widget clearIcon() {
return GestureDetector(
child: Container(
height: 40,
width: 40,
alignment: Alignment.centerRight,
child: Icon(
Ionicons.ios_close_circle,
color: ThemeColors.font_color_grey,
size: 16,
),
),
onTap: () {
WidgetsBinding.instance
.addPostFrameCallback(((_) => widget.controller.clear()));
},
);
}设置了 obscureText 为 true 就会这样,修改height也不行

应该是 TextField 内部有个最小高度,解决办法,使用 ConstrainedBox 修改它的最小高度,如下
ConstrainedBox( constraints: BoxConstraints(maxHeight: 40), child: TextField组件, )