status-im/react-navigation
2
0
Fork 0
mirror of https://github.com/status-im/react-navigation.git synced 2025-02-24 09:08:15 +00:00
Code Issues Projects Releases Wiki Activity

remove 30px offset workaround for screen’s shadow disappearing (#1110)

Browse Source 
* remove 30px offset workaround for screen’s shadow disappearing

* Run prettier
This commit is contained in:
Neo 2017-04-27 01:38:33 +08:00 committed by Eric Vicenti
parent d3fb9447b7
commit 1d6fd37663
1 changed files with 24 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
src/views/CardStackStyleInterpolator.js
View File

@ -53,18 +53,24 @@ function forHorizontal(props: NavigationSceneRendererProps): Object {
}
const index = scene.index;
const inputRange = [index - 1, index, index + 0.99, index + 1];
const inputRange = [index - 1, index, index + 1];
// Add ~30px to the interpolated width screens width for horizontal movement. This allows
// the screen's shadow to go screen fully offscreen without abruptly dissapearing
const width = layout.initWidth + 30;
const width = layout.initWidth;
const outputRange = I18nManager.isRTL
? ([-width, 0, 10, 10]: Array<number>)
: ([width, 0, -10, -10]: Array<number>);
? ([-width, 0, 10]: Array<number>)
: ([width, 0, -10]: Array<number>);
// Add [index - 1, index - 0.99] to the interpolated opacity for screen transition.
// This makes the screen's shadow to disappear smoothly.
const opacity = position.interpolate({
inputRange,
outputRange: ([1, 1, 0.3, 0]: Array<number>),
inputRange: ([
index - 1,
index - 0.99,
index,
index + 0.99,
index + 1,
]: Array<number>),
outputRange: ([0, 1, 1, 0.3, 0]: Array<number>),
});
const translateY = 0;
@ -94,18 +100,23 @@ function forVertical(props: NavigationSceneRendererProps): Object {
}
const index = scene.index;
const inputRange = [index - 1, index, index + 0.99, index + 1];
const height = layout.initHeight;
const opacity = position.interpolate({
inputRange,
outputRange: ([1, 1, 0.3, 0]: Array<number>),
inputRange: ([
index - 1,
index - 0.99,
index,
index + 0.99,
index + 1,
]: Array<number>),
outputRange: ([0, 1, 1, 0.3, 0]: Array<number>),
});
const translateX = 0;
const translateY = position.interpolate({
inputRange,
outputRange: ([height, 0, 0, 0]: Array<number>),
inputRange: ([index - 1, index, index + 1]: Array<number>),
outputRange: ([height, 0, 0]: Array<number>),
});
return {