問題タブ [sliverappbar]

ユーザーが伸ばしたときにのみ表示される SliverAppBar を作成したいと考えています。私はこれまでに来ました：

やりたいことを示すためにスクリーンショットを撮りました

を使用してCustomScrollView、アクションにいいねボタンを追加しようとしていSliverAppBarます。これをタップすると、その形状が変わります。の中で変更を行っていますsetState。ただし、ビルド メソッドが呼び出されているにもかかわらず、UI は更新されていません。

Samsungの古いバージョンと同じように、下にスクロールするとユーザー名が横にある円に変わり、上にスクロールすると大きくなり、その下にユーザー名が表示される、一種のアバター写真ウィジェットが必要です連絡先アプリ。

だから私はスライバーアプリバーを作成したいのですが、タブバーだけで、高さを設定しようとしましたが、うまくいきません

ここに私のコードがあります:

私のフラッターアプリにNestedScrollViewはheaderSliverBuilder.

SliverAppBarこのビルダーの内部は次のようになります。

さて、スクロールするときの動作はちょっと変です。のすべてを含む SliverAppBar 全体をスクロールしたいと思いますflexibleSpace。しかし、これは何が起こるかです:

ヘッダーのオレンジ色の部分の下にスクロールしてから、上のタブ部分をスクロールします。そして、タブ部分が消える瞬間、オレンジ色の部分も消えます。ふぅ..

そして、スクロールダウンからバーを元に戻すときも同じです。するとオレンジ色の部分だけがその場に出てきて、上の部分が滑り込んできます。全部滑り込みたいです。

前回のフラッターの更新以降、全体の動作が変わりました。

期待される動作を実現するために何をする必要があるか知っている人はいますか?

この単純な例の完全なコードは次のとおりです: https://github.com/nietsmmar/SliverHeaderTest/tree/master/flutter_app