如何在 Flutter 中制作多行文本

【问题标题】：How to make a multi line text in Flutter如何在 Flutter 中制作多行文本
【发布时间】：2020-04-09 01:49:18
【问题描述】：

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

这是代码：

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

这是什么，我正在尝试构建：

【问题讨论】：

请尝试将您的文本小部件放入Flexible 或Expanded 小部件中。

标签： flutter flutter-layout flutter-test

【解决方案1】：

您可以使用FittedBox 类。

根据适合性缩放和定位其子项。 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,
    ),
  ),
)

【讨论】：

我试了一下，Text() 改变它的 fontSize 并显示在单个 linge 中