Flutter: SilverAppBar Background Image with Text

Question

I am trying to make an app bar looks like this:

I hope to collapse the big image using SilverAppBar, but I am having hard time to insert AssetImage (or Image.asset'). I almost exactly followed the code from the [official Flutter website][2], and unfortunately, both AssetImageandImage.asset` cannot be used as shown below:

Is there any way to do this?

xion · Answer

maybe you can use background like this:
SliverAppBar(
...
...
   background: Image(
      image: NetworkImage(recipeDetails.coverPhoto),
      fit: BoxFit.cover,
      ),
   ),

Titas Černiauskas · Answer

Wrap Image.asset with Container widget
          Stack(
                  fit: StackFit.expand,
                  children: <Widget>[
                    Container(
                      child: Image.asset('name'),
                    )
                    ],
                ),

Flutter: SilverAppBar Background Image with Text

2 Answers

Add your own answers!

Ask a Question