[SOLVED] Is there a way to recreate Formulia app's collapsible app bar in flutter (similar to `SliverAppBar`)?

Is there a way to recreate Formulia app's collapsible app bar in flutter (similar to `SliverAppBar`)?

So I have an app on my mobile phone called 'Formulia' and I thought the design of their main page expandable app bar looks awesome. Formulia app collapsible app bar

Do you have any idea how I could achieve anything similar to this in this video?

I tried to recreate this in flutter, but I do not think it is possible to create it just using SliverAppBar. I looked through the web but didn't find anything at all.

Solution

You can try using medium or large by providing constructor

Example:

SliverAppBar.large(
            title: Text("Formula"),
           )

If you want to change the widget during expanded or without expanded u can use another call cupertinosliver navigation bar:

CupertinoSliverNavigationBar(
            alwaysShowMiddle: false,
            largeTitle: Text("Formula", style: TextStyle(fontWeight: FontWeight.bold),),
            middle: Text("Hide formula", style: TextStyle(fontWeight: FontWeight.bold),),
          )

Refer this documentation