Flutter 3.29.0 CupertinoSliverNavigationBar 用于创建 iOS 风格可滚动导航栏的组件

早起的年轻人

于 2025-02-19 14:56:41 发布

阅读量1k

点赞数 26

CC 4.0 BY-SA版权

分类专栏： Flutter3.29 Flutter项目开发全套教程文章标签： flutter ios

本文链接：https://blog.csdn.net/zl18603543572/article/details/145725832

CupertinoSliverNavigationBar 是 Flutter 中用于创建 iOS 风格可滚动导航栏的组件【公众号biglead】。

2025年2月12日：3.29.0发布。

3.29.0 中新增的特性

CupertinoNavigationBar和CupertinoSliverNavigationBar现在接受底部小部件，通常是搜索字段或分段控件。
在CupertinoSliverNavigationBar中，可以使用bottomMode属性配置此底部小部件，使其自动调整大小直到隐藏，或者在滚动导航栏时始终显示。

用法如下：

CupertinoSliverNavigationBar(
   bottomMode: NavigationBarBottomMode.automatic,
   bottom: PreferredSize(
     preferredSize: Size(double.infinity, 44),
     child: SingleChildScrollView(
       child: CupertinoSegmentedControl<int>(
         children: const {
   
   0: Text('选项 1'), 1: Text('选项 2')},
         onValueChanged: (int value) {
   
   
           // 处理分段控制器选择事件
         },
       ),
     ),
   ),
);