Flutter 输入文本被截断并溢出

Flutter 输入文本被截断并溢出,flutter,flutter-layout,Flutter,Flutter Layout,嗨,我是新来的flifter,所以这可能是一个小问题,但我有一个搜索框,其中包含一个文本字段和一个图标 当输入文本小于输入框的宽度时,它可以正常工作,但一旦超过该宽度,它似乎会被切成两半,这样就只能看到它的上半部分 据我所知,颤振应该自动处理溢出。这是一个通用输入小部件的构建方法,我使用它和一行中的图标一起使用。它在行中使用,但我认为这不是问题所在 这就是文本溢出时的样子。 返回扩展( 孩子:TextField( 自动对焦:自动对焦, 样式:Theme.of(context).textThem

嗨,我是新来的flifter,所以这可能是一个小问题,但我有一个搜索框,其中包含一个
文本字段和一个图标

当输入文本小于输入框的宽度时,它可以正常工作,但一旦超过该宽度,它似乎会被切成两半,这样就只能看到它的上半部分

据我所知,颤振应该自动处理溢出。这是一个通用输入小部件的构建方法,我使用它和一行中的图标一起使用。它在
行中使用,但我认为这不是问题所在

这就是文本溢出时的样子。

返回扩展(
孩子:TextField(
自动对焦:自动对焦,
样式:Theme.of(context).textTheme.bodyText2,
cursorColor:Theme.of(context).cursorColor,
maxLines:1,
控制器:控制器,
装饰:输入装饰(
边框:InputBorder.none,
hintText:占位符,
hintStyle:TextStyle(颜色:Theme.of(context.hintColor)),
),
onChanged:(字符串值){
onChange(值);
},
OnSubmited:(字符串值){
onChange(值);
},
),
);

这是您想要查看上下文用法的情况。它用于
lib/routes/MainPage.dart
以及
lib/routes/SearchPage.dart

结果表明,由于
输入装饰上的
内容填充
,它被切断了。对于面临相同问题的人,请将
装饰
属性更改为:

输入装饰(
contentPadding:EdgeInsets.zero,//删除填充
isDense:true,//将文本居中
边框:InputBorder.none,
hintText:占位符,
hintStyle:TextStyle(颜色:Theme.of(context.hintColor)),
)

我无法从您的代码中重现问题。。请提供我们可以复制它的代码问题中有一个指向github repo的链接,您可以在那里看到完整的源代码,但基本上给定的小部件与图标一起放置在一行中,图标位于作为AppBar操作一部分的容器中。