Flutter TextWidget溢出,并且以下元素在行窗口小部件颤振上不可见
我正在尝试创建小部件,如下所示: 但是小部件溢出,如下所示: 文本长度增加时会发生溢出。所有小部件,如“已回答”、“1月29日”都不在UI范围内 我尝试了以下方法:Flutter TextWidget溢出,并且以下元素在行窗口小部件颤振上不可见,flutter,flutter-layout,Flutter,Flutter Layout,我正在尝试创建小部件,如下所示: 但是小部件溢出,如下所示: 文本长度增加时会发生溢出。所有小部件,如“已回答”、“1月29日”都不在UI范围内 我尝试了以下方法: return Column( crossAxisAlignment: CrossAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ Ro
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Row(
children: <Widget>[
SizedBox(
child: Text(
"Tim Helmen James Bond Claffer Syllabus Mark Anthony",
style: TextStyle(
fontSize: 11.0,
fontWeight: FontWeight.bold,
color: ScreenColor.alreadyHaveAnAccountColor),
overflow: TextOverflow.ellipsis,
maxLines: 2,
),
),
SizedBox(
width: 4.0,
),
Text(
"Answered",
style: TextStyle(
fontSize: 11.0,
fontWeight: FontWeight.w400,
color: ScreenColor.alreadyHaveAnAccountColor,
),
)
,
Padding(
padding: const EdgeInsets.symmetric(horizontal: 10.0),
child: SizedBox(
width: 5.0,
height: 5.0,
child: Container(
color: ScreenColor.inputFieldBorderColor,
),
),
),
Text(
"Jan 20",
style: TextStyle(
fontSize: 11.0,
fontWeight: FontWeight.normal,
color: ScreenColor.inputFieldPlaceholderColor,
),
),
],
),
SizedBox(
height: 4.0,
),
Row(
children: <Widget>[
SizedBox(
child: Text(
"Doctor @ Kind Abdullah Specialist Children Hosptial",
maxLines: 2,
overflow: TextOverflow.ellipsis,
),
),
SizedBox(
width: 8.0,
),
Image.asset('assets/images/icon-verified.png'),
],
),
],
);
返回列(
crossAxisAlignment:crossAxisAlignment.start,
mainAxisAlignment:mainAxisAlignment.center,
儿童:[
划船(
儿童:[
大小盒子(
子:文本(
“Tim Helmen James Bond Claffer教学大纲Mark Anthony”,
样式:TextStyle(
字体大小:11.0,
fontWeight:fontWeight.bold,
颜色:ScreenColor.alreadyHaveAnAccountColor),
溢出:TextOverflow.省略号,
maxLines:2,
),
),
大小盒子(
宽度:4.0,
),
正文(
“回答”,
样式:TextStyle(
字体大小:11.0,
fontWeight:fontWeight.w400,
颜色:ScreenColor.alreadyHaveAnAccountColor,
),
)
,
填充物(
填充:常量边集。对称(水平:10.0),
孩子:大小盒子(
宽度:5.0,
身高:5.0,
子:容器(
颜色:ScreenColor.inputFieldBorderColor,
),
),
),
正文(
“1月20日”,
样式:TextStyle(
字体大小:11.0,
fontWeight:fontWeight.normal,
颜色:ScreenColor.InputFieldPlaceholder颜色,
),
),
],
),
大小盒子(
身高:4.0,
),
划船(
儿童:[
大小盒子(
子:文本(
“善良的阿卜杜拉专家儿童医院医生”,
maxLines:2,
溢出:TextOverflow.省略号,
),
),
大小盒子(
宽度:8.0,
),
Image.asset('assets/images/icon-verified.png'),
],
),
],
);
是否尝试使用扩展的
?这对我来说很有效
Expanded(
child: Text(
"Tim Helmen James Bond Claffer Syllabus Mark Anthony",
style: TextStyle(
fontSize: 11.0,
fontWeight: FontWeight.bold,
color: ScreenColor.alreadyHaveAnAccountColor),
overflow: TextOverflow.ellipsis,
maxLines: 2,
),
),
很难理解你的问题。请记住,我们无法完全了解您正在尝试执行的操作或您的代码。此外,您将代码与许多我们没有的变量共享,需要逐个替换和重新编码,以重现您的问题。如果您需要帮助,我建议您提供一个更简单的示例,使用静态数据而不是不共享的变量。请编辑@Joãosaaresuse
Expanded
而不是SizedBox。