如何在 Flutter 中使用大标题导航栏？答案

【问题标题】：How do I use a large title Navigation Bar in Flutter?如何在 Flutter 中使用大标题导航栏？
【发布时间】：2020-12-24 23:58:15
【问题描述】：

这是我使用 CupertinoNavigationBar() 时得到的结果

标准标题导航栏 -

这是我需要实现的——

【问题讨论】：

标签： flutter dart flutter-cupertino

【解决方案1】：

你可以查看this教程以获得解释，但教程中的代码是：

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return CupertinoApp(
      title: 'Flutter Demo',
      home: HomePage(),
    );
  }
}

class HomePage extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    return CupertinoPageScaffold(
      child: NestedScrollView(
        headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled){
          return <Widget>[
            CupertinoSliverNavigationBar(
              largeTitle: Text('Settings'),
            )
          ];
        },
        body: Center(child: Text('Home Page'),),
      ),
    );
  }
}

此代码使大文本成为具有大标题的应用栏，如下图所示：

【讨论】：