title: How to create SliverAppBar with custom app bar and image in Flutter?
body: <p>I want to create an app, where I use SliverAppBar with my CustomAppBar, but I also want to do this with the background image.</p>
  <p>Result image</p>
  <p><a href="https://i.stack.imgur.com/xc7x6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xc7x6.png" alt="img_result" /></a></p>
  <p>After scroll, the result must be</p>
  <p><a href="https://i.stack.imgur.com/a2XGQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/a2XGQ.png" alt="img_result_after_scroll" /></a></p>
  <p>But I don't now, how to do this. Please, help me.</p>
  <p>My code:</p>
  <pre><code>CustomScrollView(
      slivers: &lt;Widget&gt;[
        SliverAppBar(
          pinned: true,
          expandedHeight: MediaQuery.of(context).size.height * 0.4,
          flexibleSpace: FlexibleSpaceBar(
              background: Image.network(
            &quot;image url&quot;,
            fit: BoxFit.cover,
          )),
        ),
        SliverList(
          // Use a delegate to build items as they're scrolled on screen.
          delegate: SliverChildListDelegate([
            Container() // some content
          ]),
        ),
      ],
    )
  </code></pre>