如何使容器适合文本长度
How to make a Container fit to the Text length
我有一个最大宽度的 Container,我不想在文字后有额外的空闲 space。它适用于像这样的小词
this。
但是用长词我有额外的免费space而且我的台词看起来
like that。我能做什么?
这是我的代码:
Container(
constraints: BoxConstraints(maxWidth: size.width * 0.4),
padding: EdgeInsets.only(right: size.width * 0.015),
//color: Colors.red,
child: Text(
"Generics",
style:
TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
)),
尝试使用 FittedBox
。它将确保 children 具有给定的 fit
.
这是来自 flutter.dev 的示例:
Widget build(BuildContext) {
return Container(
height: 400,
width: 300,
color: Colors.red,
child: FittedBox(
child: Image.network('https://flutter.github.io/assets-for-api-docs/assets/widgets/owl-2.jpg'),
fit: BoxFit.fill,
),
);
}
阅读更多here。
我有一个最大宽度的 Container,我不想在文字后有额外的空闲 space。它适用于像这样的小词 this。 但是用长词我有额外的免费space而且我的台词看起来 like that。我能做什么?
这是我的代码:
Container(
constraints: BoxConstraints(maxWidth: size.width * 0.4),
padding: EdgeInsets.only(right: size.width * 0.015),
//color: Colors.red,
child: Text(
"Generics",
style:
TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
)),
尝试使用 FittedBox
。它将确保 children 具有给定的 fit
.
这是来自 flutter.dev 的示例:
Widget build(BuildContext) {
return Container(
height: 400,
width: 300,
color: Colors.red,
child: FittedBox(
child: Image.network('https://flutter.github.io/assets-for-api-docs/assets/widgets/owl-2.jpg'),
fit: BoxFit.fill,
),
);
}
阅读更多here。