如何在Flutter中创建一个像iOS设置应用程序一样的应用程序栏,并带有一个大标题?

hk8txs48  于 2023-08-07  发布在  Flutter
关注(0)|答案(1)|浏览(108)

我正在开发一个Flutter应用程序,我想实现一个类似于iOS设置(或闹钟)应用程序中使用的应用程序栏。我正在寻找的主要功能是,当页面的内容滚动时,标题应该隐藏在顶部栏后面,标题的收缩版本应该出现在顶部栏的中心。如何在Flutter中实现这种效果?是否有任何特定的小部件或插件可以帮助我实现这种行为?


的数据

hsvhsicv

hsvhsicv1#


的数据
代码是自我解释的:

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

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

class TestApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      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: Material(child: Text('Home Page')),
        ),
      ),
    );
  }
}

字符串
代码来自我最近看到的一个视频:

相关问题