flutter 文本大于输入时抖动,文本消失

c9qzyr3d  于 2023-03-24  发布在  Flutter
关注(0)|答案(6)|浏览(125)

问题是,当文本大于输入大小时,文本就消失了,我不知道为什么。
下面是我的代码:

TextField(
    focusNode: _focusEmailNode,
    controller: _emailController,
    decoration: InputDecoration(
    border: OutlineInputBorder(),
    enabledBorder: OutlineInputBorder(
        borderSide: BorderSide(color: txtEmailBoder),
    ),
    hintText: 'Email',
),

k4ymrczo

k4ymrczo1#

您需要添加

contentPadding: EdgeInsets.zero

到您的InputDecoration

hiz5n14c

hiz5n14c2#

在搜索了很多网站之后,我终于得到了一个解决方案。你可以通过在文本字段中给出decoration and maxlines来解决这个问题。在InputDecoration中给出isDense as true示例:

Container(
  height: 20,
  width: 100,
  child: TextFormField(
    maxLines: 1,
    decoration: InputDecoration(
      isDense: true,
      contentPadding: EdgeInsets.fromLTRB(5.0, 1.0, 5.0, 1.0),
    ),
    onChanged: (value) {
      print(value);
    },
  ),
);

如果你不给予内容填充,那么你的文本将从中间剪切,如下所示.

当你给予填充的时候要小心,你应该根据你的文本字段的高度来给填充。如果你给错了填充,那么你的文本也会看不见。

fdx2calv

fdx2calv3#

给予文本字段一个输入格式化程序,输入所需的文本长度,如下所示:

inputFormatters: [
        LengthLimitingTextInputFormatter(50),
      ],

然后将内容填充设置为如下所示:

contentPadding: EdgeInsets.fromLTRB(5.0 , 20.0 , 5.0 , 20.0),
holgip5t

holgip5t4#

Widget build(BuildContext context) {
    return Scaffold(
        body: Container(
            padding: EdgeInsets.fromLTRB(5.0, 50, 5.0, 10.0),
            alignment: Alignment.center,
            child: TextField(
              decoration: InputDecoration(
                border: OutlineInputBorder(),
                enabledBorder: OutlineInputBorder(
                  borderSide: BorderSide(color: Colors.blueAccent),
                ),
                hintText: 'Email',
              ),
            )));
  }

ljsrvy3e

ljsrvy3e5#

为了防止这种消失使用装饰作为
InputDecoration.collapsed(hintText: "Search Customer")
完整代码为
TextField(decoration : InputDecoration.collapsed(hintText: "Search Customer"), textCapitalization: TextCapitalization.sentences)

zpgglvta

zpgglvta6#

我遇到了同样的问题,通过向TextField添加decotarion属性来解决它,如下所示:

decoration: const InputDecoration(
  isCollapsed: true,
),

相关问题