Fix events to go through the navigation bar layers
Summary: Here is a showcase of 2 bugs that are fixed with this PR: touchability of title, touchability of overlapped top-right positionned (under the navbar). (i'm using the inspector) ![bug](https://cloud.githubusercontent.com/assets/211411/11809475/7b6ba71a-a327-11e5-90cf-cbe58637c447.gif) I have a navbar with a back button, a Title area with a **Green Circle**, a Right area with nothing inside. In my Screen View, I've positioned in absolute a **Red Rectangle** just on the top-right corner under the navbar. I want my **Green Circle** and **Red Rectangle** to be touchable but in current React Native version, this is not possible: as shown in the gif, the 3 LeftButton/Title/RightButton wrapper View are **catching the touch events**. My PR allows events to go through these wrapper View. **After the fix:** ![nobug](https://cloud.githubusercontent.com/assets/211411/11809590/3b803994-a328-11e5-81f7-c1a3bab45e1b.gif) Complementary Notes: - in the case of the Red Rectangle, only the lower part of it i Closes https://github.com/facebook/react-native/pull/4786 Reviewed By: svcscm Differential Revision: D2760205 Pulled By: androidtrunkagent fb-gh-sync-id: 55bb141c8f61ab537ff9e832b65b04cb904dfeb9
This commit is contained in:
parent
7f92aea371
commit
db69004300
|
@ -195,6 +195,7 @@ var NavigatorNavigationBar = React.createClass({
|
|||
ref={(ref) => {
|
||||
this._components[componentName] = this._components[componentName].set(route, ref);
|
||||
}}
|
||||
pointerEvents="box-none"
|
||||
style={initialStage[componentName]}>
|
||||
{content}
|
||||
</View>
|
||||
|
|
Loading…
Reference in New Issue