我想在textFiled
中放入一个Container
。但是我发现输入内容不能在Container
中保持垂直方向(高一点),但是两个icons
显示得很好。我的情况有解决办法吗?
Container(
width: ScreenAdapt.widthToDp(330),
height: ScreenAdapt.heightToDp(40),
alignment: Alignment.centerLeft,
child: TextField(
controller: inputController,
focusNode: focusNode,
style: MyTextStyle.level4,
keyboardType: TextInputType.number,
decoration: InputDecoration(
prefixIcon: MyIcon.SearchGreyIcon,
hintText: 'hint text here',
hintStyle: MyTextStyle.grey,
border: InputBorder.none,
suffixIcon: focusNode.hasFocus ? IconButton(
icon: MyIcon.CloseIcon,
onPressed: () => inputController.clear(),
) : Container(),
),
),
decoration: BoxDecoration(
color: MyColor.MidGray,
borderRadius: MyStyle.CIRCULAR_BORDER_RADIUS,
),
),
最佳答案
试试这个@Assassin建议
InputDecoration(
prefixIcon: MyIcon.SearchGreyIcon,
hintText: 'hint text here',
hintStyle: MyTextStyle.grey,
border: InputBorder.none,
filled: true,
suffixIcon: focusNode.hasFocus
? IconButton(
icon: MyIcon.CloseIcon,
onPressed: () => inputController.clear(),
)
: Container(),
)
关于flutter - 如何使文本字段输入保持垂直居中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64602456/