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