是否可以为可能会在颤动中溢出的文本制作粘性标签?
Is it possible to make sticky label for text which can be overflowed in flutter?
看下面的截图很容易理解我想做什么。
当没有太多文字时,我希望标签紧贴它。
当文本不完全适合一行时,我希望它像屏幕截图那样溢出。
有没有人遇到过类似的问题,知道如何正确处理?
更新 1
我已经尝试过什么?
- 富文本
RichText(
overflow: TextOverflow.ellipsis,
text: TextSpan(
children: [
TextSpan(...),
WidgetSpan(
child: ...,
),
],
),
)
已展开的行。因此,正如预期的那样,标签不再固定到文本。
行(
child仁:[
扩展(
child: 文字(
文本,
溢出:TextOverflow.ellipsis,
),
),
标签(),
],
),
我正在使用 Row
和 Flexible<Text>
来处理这种情况。
Row(
children: [
Flexible(
child: Text(
"Left most text that overflows the screen and creates an ellipsis",
maxLines: 1,
overflow: TextOverflow.ellipsis,
softWrap: false,
),
),
Container(
width: 40,
height: 40,
color: Colors.amber,
)
],
),
看下面的截图很容易理解我想做什么。
当没有太多文字时,我希望标签紧贴它。
当文本不完全适合一行时,我希望它像屏幕截图那样溢出。
有没有人遇到过类似的问题,知道如何正确处理?
更新 1 我已经尝试过什么?
- 富文本
RichText(
overflow: TextOverflow.ellipsis,
text: TextSpan(
children: [
TextSpan(...),
WidgetSpan(
child: ...,
),
],
),
)
已展开的行。因此,正如预期的那样,标签不再固定到文本。
行( child仁:[ 扩展( child: 文字( 文本, 溢出:TextOverflow.ellipsis, ), ), 标签(), ], ),
我正在使用 Row
和 Flexible<Text>
来处理这种情况。
Row(
children: [
Flexible(
child: Text(
"Left most text that overflows the screen and creates an ellipsis",
maxLines: 1,
overflow: TextOverflow.ellipsis,
softWrap: false,
),
),
Container(
width: 40,
height: 40,
color: Colors.amber,
)
],
),