Closed barclayd closed 5 years ago
After extensive research, I found a temporary fix as follows:
const setDefaultSettings = () => {
Navigation.setDefaultOptions({
topBar: {
visible: false
},
statusBar: {
style: "light"
},
sideMenu: {
openGestureMode: 'bezel',
left: {
visible: true,
enabled: true
},
right: {
visible: false,
enabled: false
}
}
});
};
I believe to help future users of React Native Navigation, that openGestureModel should be set to 'bezel' by default or there should be a more informative degree of information provided on the docs regarding the impact of the use of 'sideMenu' in its native form upon PanResponder based animations
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. If you believe the issue is still relevant, please test on the latest Detox and report back. Thank you for your contributions.
The issue has been closed for inactivity.
Issue Description
This animation using PanResponder that involves swiping up on a bar at the bottom to reveal a full-page component does not work as intended/is not smooth whatsoever when run on a native device (or simulator) - but works just as you would expect on Expo.
As you can see from the gif, despite swiping up on the bar from the bottom a considerable distance - the height only increases by a small amount.
To Reproduce
How to reproduce: run code as 'npm react-native run-ios' in create-react-native-app on iOS simulator/run on native device through excode.
Expected Behavior
A smooth transition that bounces to top of page to expand in full and when swiped down to minimise smoothly transitions to bar at bottom.
The code works perfectly using expo on native device as demonstrated in this Gif and link on Expo.
Steps to Reproduce / Code Snippets / Screenshots
Screenshot/Gif:
Environment