灵活的小部件不适用于文本小部件颤振

Question

我试图在文本上使用flexible，因为它溢出了，但由于某种原因，扩展或两种flexible都不起作用。但它适用于不同屏幕上的其他文本小部件。有人知道为什么吗？我该怎么解决这个问题？

return Row(
children: [
/// Ticket Details
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
/// Ticket Title
Flexible(
child: Text(
ticketData['title'],
style: primaryColor700Style.copyWith(
fontSize: fontSize18,
),
),
),
SizedBox(height: 8),
/// Date Created
Text(
'Created : ' +
DateFormat('d MMM y').format(
DateTime.parse(
ticketData['date_created'].toDate().toString(),
),
),
style: primaryColor400Style.copyWith(
fontSize: fontSize12,
),
),
],
),
/// Urgent Icon
if (ticketData['is_urgent'])
Icon(
Icons.warning_rounded,
size: 35,
color: warningColor,
),
],
);

Answer 1

用灵活的包裹列

Row(
children: [
Flexible(
child: Column(
children:[
Text(),
]
)
)
]
)

Answer 2

Row具有无限宽度，若要获得下一个子级可用的宽度行，可以包装Expanded/Flexibile/fixed width小部件。您可以查看此文档了解更多信息。

你可以从行上的布局算法中找到这一点

• 展开，表示儿童应占据所有剩余房间
• 灵活，表示孩子们应该共享剩余的房间，但可能会缩小(留下一些剩余的房间未使用(