title: Have 2 gesture detectors with same gesture on the same page in flutter
body: <p>We are building a page with 2 containers, one is a big container covering the whole screen and the other a small one inside the big one. When the users touch inside the small container and move their finger it should pan the small container. When they swipe out of the small container it should move the big container (like a card in Tinder). </p>
  
  <p>The issue is, the big container is always getting the swipe event before the small container is getting the pan event.</p>
  
  <p>Is there a way to consume gesture event so that they are not sent to other component?</p>
  
  <p>I saw the doc about GestureArena but I didn't find any example on how it works. Is there a way to force a component to always win the arena (or to always lose it)?</p>
  
  <p><strong>Edit</strong>: rephrased for clarity.</p>