title: How to make Touchable component always touchable in expo
body: <p>is there any trick to ensure all touched ( onPress ) work at 100% width and height ? for example sometimes happens that my View is 100 x 100 and inside is EXPO icon ( font ) let say 24 x 24 and what happens is sometimes touch is not registered, its registered only when i click exactli on Icon ( font ) with pixel precision and no around</p>
  <p>tryed</p>
  <ul>
  <li>hitSlop</li>
  <li>pointerEvents</li>
  <li>Pressable (RN)</li>
  <li>TouchableOpacity from react-native-gesture-handler</li>
  <li>TouchableWithoutFeedback</li>
  <li>flexing parent, chieldren ...</li>
  <li>z indexing and elevations</li>
  </ul>
  <p>also with Touch inspector i see big HIT BOX but its fake information cuz touch is not that big</p>
  <p>but i cant figure out why</p>
  <p>example code</p>
  <pre class="lang-js prettyprint-override"><code>&lt;View style={[{flex: 1}]}&gt;
  &lt;TouchableWithoutFeedback
                      style={[{flex: 1}]}
                      onPress={() =&gt; props.dismiss()}&gt;
                      &lt;Entypo type=&quot;Entypo&quot; name=&quot;chevron-thin-left&quot; color={themeColor.iconColor} size={22} /&gt;
                  &lt;/TouchableWithoutFeedback&gt;
  &lt;/View&gt;
  </code></pre>
  <p>btw funny is that it only appy onPress event when i do onPressIn it works ..., but this event is terrible for most cases</p>