title: FLUTTER Hideable Overlay Menu
body: <p>How do we get this overlaying(?) menu that appears and disappears when user clicks on page?<em><strong>(It seems Swift has this feature)</strong></em></p>
  <p>When the user taps on the screen, two menus appear on the top &amp; bottom (in addition to the shadow that covers the middle),  and the menus disappear once the user clicks in the shadowed area.</p>
  <p><strong>Note</strong>: The text in the middle has a <code>longpress</code> feature and I don't want the menu appearance functionality to interfere with it.
  (The app is called Ayah on iOS)</p>
  <hr />
  <h2>Menu Off:</h2>
  <p><img src="https://i.stack.imgur.com/pydpW.jpg" alt="https://i.stack.imgur.com/pydpW.jpg" /></p>
  <h2>Menu On:</h2>
  <p><img src="https://i.stack.imgur.com/9n36C.jpg" alt="https://i.stack.imgur.com/9n36C.jpg" /></p>