在 Flutter/Dart 中：在 AppBar 中显示两行文本？

Question

我创建了一个 appBar：它由一行组成：该行包含三个元素：一个图像/一个 textwidget/另一个图像。

代码如下：

appBar: AppBar(
        automaticallyImplyLeading: false,
        title: Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: [
            Expanded(
              flex: 1,
              child: Container(
                child: BarIcon(
                  image: 'icons/back.png',
                  width: 55.0,
                  height: 75.0,
                  onTap: () => Navigator.pop(context),
                ),
              ),
            ),
            Expanded(
              flex: 5,
              child: Container(
                child: Text(
                  widget.thema.toUpperCase(),
                  style: TextStyle(
                    fontSize: 25.0,
                  ),
                  textAlign: TextAlign.center,
                ),
              ),
            ),
            Expanded(
              flex: 1,
              child: Container(
                child: Image.asset(
                  widget.image,
                  height: 55.0,
                  width: 55.0,
                ),
              ),
            ),
          ],
        ),

图片显示还好，文字也可以，不过不要太长。然后，它不再显示两行文本，而是添加“...”并剪切文本。

有没有办法在标题太长的时候分两行显示？正文是通过“widget.thema”传递的，所以不可能知道标题的长度。

Answer 1

appBar: AppBar(
        automaticallyImplyLeading: false,
        title: Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: [
            Expanded(
              flex: 1,
              child: Container(
                child: BarIcon(
                  image: 'icons/back.png',
                  width: 55.0,
                  height: 75.0,
                  onTap: () => Navigator.pop(context),
                ),
              ),
            ),
            Expanded(
              flex: 5,
              child: Container(
                child: Text(
                  widget.thema.toUpperCase(),
                  style: TextStyle(
                    fontSize: 25.0,
                  ),
                  maxLines: 2,   // TRY THIS
                  textAlign: TextAlign.center,
                ),
              ),
            ),
            Expanded(
              flex: 1,
              child: Container(
                child: Image.asset(
                  widget.image,
                  height: 55.0,
                  width: 55.0,
                ),
              ),
            ),
          ],
        ),

在 Flutter/Dart 中：在 AppBar 中显示两行文本？

In Flutter/Dart : Display text in AppBar over two lines?

containers

appbar

dart

text-widget

flutter