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

Clamp interpolated values

Browse Source
This commit is contained in:
Brent Vatne 2018-09-14 15:26:37 +02:00
parent 2171f128a9
commit 457081a673
1 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/views/StackView/StackViewStyleInterpolator.js
View File

@ -50,6 +50,7 @@ function forHorizontal(props) {
const opacity = position.interpolate({
inputRange: [first, first + 0.01, index, last - 0.01, last],
outputRange: [0, 1, 1, 0.85, 0],
extrapolate: 'clamp',
});
const width = layout.initWidth;
@ -58,6 +59,7 @@ function forHorizontal(props) {
outputRange: I18nManager.isRTL
? [-width, 0, width * 0.3]
: [width, 0, width * -0.3],
extrapolate: 'clamp',
});
const translateY = 0;
@ -85,12 +87,14 @@ function forVertical(props) {
const opacity = position.interpolate({
inputRange: [first, first + 0.01, index, last - 0.01, last],
outputRange: [0, 1, 1, 0.85, 0],
extrapolate: 'clamp',
});
const height = layout.initHeight;
const translateY = position.interpolate({
inputRange: [first, index, last],
outputRange: [height, 0, 0],
extrapolate: 'clamp',
});
const translateX = 0;
@ -120,11 +124,13 @@ function forFadeFromBottomAndroid(props) {
const opacity = position.interpolate({
inputRange,
outputRange: [0, 1, 1, 0],
extrapolate: 'clamp',
});
const translateY = position.interpolate({
inputRange,
outputRange: [50, 0, 0, 0],
extrapolate: 'clamp',
});
const translateX = 0;
@ -152,6 +158,7 @@ function forFade(props) {
const opacity = position.interpolate({
inputRange: [first, index, last],
outputRange: [0, 1, 1],
extrapolate: 'clamp',
});
return {