3

を使用してフラッターでWhatsApp(iOSバージョン)のクローンを作成しようとしていCupertino Widgetsました。

ヘッダーを作成しようとしているときに、の高さを増やすことができないことCupertinoSliverNavigationBarに気付きました。CupertinoSliverNavigationBar

マイコード

return CupertinoPageScaffold(
      child: NotificationListener<ScrollNotification>(
        onNotification: (scrollNotification) {
          if (scrollNotification is ScrollStartNotification) {
            _onStartScroll(scrollNotification.metrics);
          } else if (scrollNotification is ScrollUpdateNotification) {
            _onUpdateScroll(scrollNotification.metrics);
          } else if (scrollNotification is ScrollEndNotification) {
            _onEndScroll(scrollNotification.metrics);
          }
        },
        child: CustomScrollView(
          slivers: <Widget>[
            CupertinoSliverNavigationBar(
              leading: GestureDetector(
                child: Padding(
                  padding: EdgeInsets.only(top: 10.0),
                  child: Text(
                    "Edit",
                    style: TextStyle(
                      color: Constants.primaryColor,
                      fontSize: 18.0,
                    ),
                  ),
                ),
                onTap: ()=>print("Tapped"),
              ),

              trailing: GestureDetector(
                child: Icon(
                  CupertinoIcons.create_solid,
                  size: 25.0,
                ),
                onTap: ()=>print("Tapped"),
              ),
              automaticallyImplyLeading: false,
              largeTitle: Column(
                children: <Widget>[
                  Container(
                    child: Text(
                      "Chats",
                      textAlign: TextAlign.left,
                    ),
                  ),
                  GestureDetector(
                    child: SearchBar(),
                  ),
                ],
              ),
            ),
          ],
        ),
      ),
    );

以下のスクリーンショット:

達成したいこと

達成したいこと

私が得たもの

ここに画像の説明を入力

とにかく高さを上げるための回避策はありますか?ありがとう!

4

2 に答える 2

1

SDK などを変更する必要はありません。簡単な解決策を見つけました。

これを CustomScrollView に追加し、適切な UI が得られるまでアンカーを調整します。CustomScrollView( アンカー: 0.07,

画像はこちら

于 2021-07-14T20:38:14.457 に答える