Add Clarification to Docs - Views are not clickable if parent has height of 0

[fabOnReact]

fixesreact/react-native#29308fixesreact/react-native#25441fixesreact/react-native#28694fixesreact/react-native#27333

Adding further notice in the docs to help developers troubleshoot the following issues:

• The touch area never extends past the parent view bounds
  Explanation On Android, TextInputs within a position: absolute view that's inside another view with onLayout can't be focused react-native#29308 (comment)
  Related issues On Android, TextInputs within a position: absolute view that's inside another view with onLayout can't be focused react-native#29308Touch events in nested absolute positioned views not working on Android react-native#27333
• Negative margin is not supported on Android
  Explanation https://stackoverflow.com/a/10673572
  Related issues TouchableOpacity not clickable with negative margin on Android react-native#25441Android: Overlap TouchableOpacity and View behave differently when there is backgroundColor style  react-native#28694

Hopefully adding this clarification in the docs will help developer troubleshoot their issues, the warning was included already in the docs.

The touch area never extends past the parent view bounds and the Z-index of sibling views always takes precedence if a touch hits two overlapping views.

I added the warnings in two places:

• https://deploy-preview-2537--react-native.netlify.app/docs/next/style as noticed in TouchableOpacity not clickable with negative margin on Android react-native#25441 (comment)
• https://deploy-preview-2537--react-native.netlify.app/docs/next/handling-touches

[netlify]

Deploy preview for react-native ready!

Built with commit b4661f6

https://deploy-preview-2537--react-native.netlify.app

[netlify]

Deploy preview for react-native ready!

Built with commit 377c28a

https://deploy-preview-2537--react-native.netlify.app

[Simek]

Hi @fabriziobertoglio1987, thank you so much on working on those notes! 👍

In the other hand I think that putting the issues notes at the top of the page or article doesn't look that good, also bring too much attention of regular users.

Can you move the notes to the "Know Issues" section at the end of each page or at least the note boxes at the end of relevant section?

This pattern has been utilized already, examples:

• https://reactnative.dev/docs/next/text#known-issues
• https://reactnative.dev/docs/next/network#known-issues-with-fetch-and-cookie-based-authentication

[Simek]

Thank you for the review updates! 👍

[fabOnReact]

Thanks a lot for merging the PR 🙏 ☮️ and for your feedback