flutter - 如何使文本字段输入保持垂直居中?

标签 flutter dart

我想在textFiled中放入一个Container。但是我发现输入内容不能在Container中保持垂直方向(高一点),但是两个icons显示得很好。我的情况有解决办法吗?
enter image description here

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/

相关文章:

flutter - 警报对话框中的值不会从外部更新

flutter - 如何在 flutter 中使用带有 Bloc 的 Freezed 包?

button - 凸起的按钮宽度减少 flutter

flutter - 如何在Flutter中显示我的Google日历事件

dart - 使用 json serialisable 解析 json 数据时出现 flutter 类型错误

json - 像Web on Dart上的JSON Stringify

flutter - 如何在父项的中心下方创建一个项目的 Flutter View ?

android - 网络图像适合卡片而不会丢失卡片形状, GridView 在 flutter 中

stream - 相当于on.event.remove的流是什么

android - 在堆栈 flutter 中使页面下方可点击