dart - CupertinoSliverNavigationBar largeTitle 多行

Question

我正在创建一个使用 Cupertino 小部件的 Flutter 应用程序。现在我正在使用 CupertinoSliverNavigationBar，但我确实喜欢多行标题。目前我写了以下内容:

@override
Widget build(BuildContext context) {
    return CupertinoPageScaffold(child: CustomScrollView(slivers: <Widget>[
      CupertinoSliverNavigationBar(largeTitle: Text(
          "Why doesn't this text wrap? I want it to be multiline...")),
      SliverFillRemaining(child: Container())
]));
}

我尝试了几种方法，比如将 Text 放入 Flexbile 中，但这不起作用。关于如何达到预期效果的任何想法？

Answer 1

largeTitle 的高度是有限的，我找到了可以让它变大的方法，所以我提出的解决方案需要使文本变小。

largeTitle: RichText(
                text: TextSpan(children: [
                  TextSpan(
                      text: "Why doesn't this text wrap?",
                      style: TextStyle(color: Colors.black, fontSize: 20)),
                  TextSpan(text: "\n"),
                  TextSpan(
                      text: "I want it to be multiline...",
                      style: TextStyle(color: Colors.orange, fontSize: 20))
                ]),
              ),

我认为你应该避免使用多行 largeTitle，但如果你真的想要它，你可以试试这个。