如何在 Flutter 中制作多行文本

Question

有时，文本小部件会换行，有时不会。我尝试添加 overflow 和 maxline 但它不起作用。

这是代码：

Text(
  ArticleData().articleBank[index].articleTitle,
  style: TextStyle(
    fontWeight: FontWeight.bold,
    fontSize: 20.0,
    color: Colors.black,
  ),
),

这就是我正在尝试构建的内容：

Answer 1

您可以使用 FittedBox class.

根据适合度在自身内缩放和定位其子项。 fit 和 alignment 参数不能为空。

FittedBox(
  Key key,
  fit: BoxFit.none,
  alignment: Alignment.center,
  child: Text(
    ArticleData().articleBank[index].articleTitle,
    style: TextStyle(
      fontWeight: FontWeight.bold,
      fontSize: 20.0,
      color: Colors.black,
    ),
  ),
)

如何在 Flutter 中制作多行文本

How to make a multi line text in Flutter

flutter

flutter-test

flutter-layout