c8a7f9e2d1
Summary: Transition animations are not very customizable right now with NavigationExperimental, unless I am missing something big. This PR allows NavigationCardStack to receive the `horizontalCardStyleInterpolator` and `verticalCardStyleInterpolator` props to override the default interpolators. See the gif, transition animation changes from the default one (with scale) to a custom one (without scale) when passing in a custom interpolator. (The custom interpolator is an exact copy of the one in `NavigationCardStackStyleInterpolator.forHorizontal`, minus the scale transform.) ![cmz0gagoec](https://cloud.githubusercontent.com/assets/1389312/20552499/af33667c-b119-11e6-97e7-bea9986a58e0.gif) Let me know if there's a robust way to test, but I couldn't find anything. **To address** The new `canUseNativeDriver` function on NavigationCardStackStyleInterpolator, which returns `true`, is dependent on the interpolator, so custom interpolators may need to falsify this. Didn't include it on the first pass since I wasn Closes https://github.com/facebook/react-native/pull/11082 Differential Revision: D4362540 Pulled By: ericvicenti fbshipit-source-id: 2ebd0047c147ac3d6c43ce880661c99de8fd0880 |
||
---|---|---|
.. | ||
assets | ||
NavigationAnimatedValueSubscription.js | ||
NavigationCard.js | ||
NavigationCardStack.js | ||
NavigationCardStackPanResponder.js | ||
NavigationCardStackStyleInterpolator.js | ||
NavigationHeader.js | ||
NavigationHeaderBackButton.js | ||
NavigationHeaderStyleInterpolator.js | ||
NavigationHeaderTitle.js | ||
NavigationPagerPanResponder.js | ||
NavigationPagerStyleInterpolator.js | ||
NavigationPointerEventsContainer.js |