Flutterで<code>AppBar</code>は、標準で画面上部に設置されております。 
今回は掲題の通り、その<code>AppBar</code>の下部にある影を消していきます。
標準のAppBarの外観 
<img src="https://storage.googleapis.com/zenn-user-upload/0fdb349d6cd56c42565e55f7.png" alt loading="lazy" class="md-img">
<h2 id="appbar%E3%81%AB%EF%BC%92%E3%81%A4%E3%81%AE%E5%80%A4%E3%82%92%E6%8C%87%E5%AE%9A%E3%81%99%E3%82%8B">
<a class="header-anchor-link" href="#appbar%E3%81%AB%EF%BC%92%E3%81%A4%E3%81%AE%E5%80%A4%E3%82%92%E6%8C%87%E5%AE%9A%E3%81%99%E3%82%8B" aria-hidden="true"></a> <code>AppBar</code>に２つの値を指定する</h2>
下記のように、<code>bottomOpacity</code>と<code>elevation</code>の値を「0」と指定します。
<div class="code-block-container"><pre class="language-dart"><code class="language-dart"> ...

 AppBar(
 bottomOpacity: 0.0,
 elevation: 0.0,

 ...
</code></pre></div>すると以下の画像のように、<code>AppBar</code>の下部にあった影がなくなりました！ 
<img src="https://storage.googleapis.com/zenn-user-upload/c9cbd7a6c69fb8572d0a02df.png" alt loading="lazy" class="md-img">
<h2 id="%E5%8F%82%E8%80%83">
<a class="header-anchor-link" href="#%E5%8F%82%E8%80%83" aria-hidden="true"></a> 参考</h2>
<iframe id="zenn-embedded__54c5b04f2abad" src="https://embed.zenn.studio/card#zenn-embedded__54c5b04f2abad" data-content="https%3A%2F%2Fapi.flutter.dev%2Fflutter%2Fmaterial%2FAppBar-class.html" frameborder="0" scrolling="no" loading="lazy"></iframe><a href="https://api.flutter.dev/flutter/material/AppBar-class.html" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://api.flutter.dev/flutter/material/AppBar-class.html</a>

【Flutter】AppBarの影を消す

`AppBar`に２つの値を指定する

参考

Discussion

AppBarに２つの値を指定する

参考

Discussion

`AppBar`に２つの値を指定する