flutter - 如何在 Flutter 中更改 CupertinoNavigationBar 的高度？

Question

我想增加CupertinoNavigationBar身高。代码是这样的：

child: CustomCupertinoNavigationBar(
         padding: EdgeInsetsDirectional.zero,
         backgroundColor: Colors.white,
         middle: Semantics(
           label: "dashboard-main-page-title",
           child: Text(
             "My Title",
             style: TextStyles.HankenSans_Bold_18_PrimaryBlack,
             key: Key('dashboard-main-page-title'),
           ),
         ),
         leading: Semantics(
           label: "dashboard-back-button",
           child: Material(
             color: Colors.white,
             child: CustomBackButton(
               onPressHandler: () {
                 Navigation().openMyAccountPage();
               },
             ),
           ),
         ),
       );

我尝试创建自己的自定义 Cupertino。我复制了 cupertino/nav_bar.dart and changed_kNavBarPersistentHeight参数，const double _kNavBarPersistentHeight = 58.0;但它导致 IOS 中有两个导航栏。有人可以帮我吗？非常感激。

Answer 1

我解决了这个问题

appBar: PreferredSize(
        preferredSize: Size.fromHeight(100.0),
        child: Container(
          height: 120,
          child: CupertinoNavigationBar(
            padding: EdgeInsetsDirectional.zero,
            backgroundColor: Colors.white,
            middle: Semantics(
              label: "dashboard-main-page-title",
              child: Text(
                CustomerLoyaltyLocalizations.instance.dashboardMainPageTitle,
                style: TextStyles.HankenSans_Bold_18_PrimaryBlack,
                key: Key('dashboard-main-page-title'),
              ),
            ),
            leading: Semantics(
              label: "dashboard-back-button",
              child: Material(
                color: Colors.white,
                child: CustomBackButton(
                  onPressHandler: () {
                    Navigation().openMyAccountPage();
                  },
                ),
              ),
            ),
          ),
        ),
      ),

首先，我在 CupertinoNavigationBar 之前使用了 PreferredSize，然后使用了 Container 小部件。