status-im/react-navigation-stack
2
0
Fork 0
mirror of https://github.com/status-im/react-navigation-stack.git synced 2025-02-20 02:08:29 +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({ const opacity = position.interpolate({
inputRange: [first, first + 0.01, index, last - 0.01, last], inputRange: [first, first + 0.01, index, last - 0.01, last],
outputRange: [0, 1, 1, 0.85, 0], outputRange: [0, 1, 1, 0.85, 0],
extrapolate: 'clamp',
}); });
const width = layout.initWidth; const width = layout.initWidth;
@ -58,6 +59,7 @@ function forHorizontal(props) {
outputRange: I18nManager.isRTL outputRange: I18nManager.isRTL
? [-width, 0, width * 0.3] ? [-width, 0, width * 0.3]
: [width, 0, width * -0.3], : [width, 0, width * -0.3],
extrapolate: 'clamp',
}); });
const translateY = 0; const translateY = 0;
@ -85,12 +87,14 @@ function forVertical(props) {
const opacity = position.interpolate({ const opacity = position.interpolate({
inputRange: [first, first + 0.01, index, last - 0.01, last], inputRange: [first, first + 0.01, index, last - 0.01, last],
outputRange: [0, 1, 1, 0.85, 0], outputRange: [0, 1, 1, 0.85, 0],
extrapolate: 'clamp',
}); });
const height = layout.initHeight; const height = layout.initHeight;
const translateY = position.interpolate({ const translateY = position.interpolate({
inputRange: [first, index, last], inputRange: [first, index, last],
outputRange: [height, 0, 0], outputRange: [height, 0, 0],
extrapolate: 'clamp',
}); });
const translateX = 0; const translateX = 0;
@ -120,11 +124,13 @@ function forFadeFromBottomAndroid(props) {
const opacity = position.interpolate({ const opacity = position.interpolate({
inputRange, inputRange,
outputRange: [0, 1, 1, 0], outputRange: [0, 1, 1, 0],
extrapolate: 'clamp',
}); });
const translateY = position.interpolate({ const translateY = position.interpolate({
inputRange, inputRange,
outputRange: [50, 0, 0, 0], outputRange: [50, 0, 0, 0],
extrapolate: 'clamp',
}); });
const translateX = 0; const translateX = 0;
@ -152,6 +158,7 @@ function forFade(props) {
const opacity = position.interpolate({ const opacity = position.interpolate({
inputRange: [first, index, last], inputRange: [first, index, last],
outputRange: [0, 1, 1], outputRange: [0, 1, 1],
extrapolate: 'clamp',
}); });
return { return {