Fixed an issue where the title in NavigationExperimentalHeader would block touches for the left component

Summary:There was an issue where the title component could overlap the left component and it would block the left component from receiving touches.

I only stumbled across this because we have a default title component which stretches most of the width and it was covering the edge of the left component. I think left/right components are more likely to be actionable than the title component so they should take priority in the touch order (ie. be rendered last).
Closes https://github.com/facebook/react-native/pull/6618

Differential Revision: D3144191

fb-gh-sync-id: 9ccd31714b2401d02eaaf4b5b24ed6afb60041c7
fbshipit-source-id: 9ccd31714b2401d02eaaf4b5b24ed6afb60041c7
This commit is contained in:
Morgan Pretty 2016-04-06 03:09:53 -07:00 committed by Facebook Github Bot 0
parent 5162eb3254
commit 86d5c5249b
1 changed files with 1 additions and 1 deletions

View File

@ -183,7 +183,7 @@ class NavigationHeader extends React.Component<DefaultProps, Props, any> {
return null;
}
const pointerEvents = offset !== 0 || isStale ? 'none' : 'auto';
const pointerEvents = offset !== 0 || isStale ? 'none' : 'box-none';
return (
<Animated.View
pointerEvents={pointerEvents}