如何在Flutter中使用大标题导航栏?

问题描述

这就是我使用CupertinoNavigationBar()时得到的内容

标准标题导航栏-

Standard title Navigation Bar

这是我需要实现的-

Large title Navigation Bar

解决方法

您可以查看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'),),);
  }
}

此代码使大文本成为带有大标题的应用栏,如下图所示:

Appbar image

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...