Added prop value to scale interpolation

Author: Rodrigo Cervantes Saucedo

CHANGELOG.md

@@ -1,5 +1,8 @@
 ## Changelog
 
+### 0.20.1
+- Added prop to change interpolated Scale Output Value
+
 ### 0.20.0 // Rodrigocs
 - Now uses native driver, and tested with React Native 0.46.0
 - Adds `useNativeDriver` to improve performance, but renderScrollComponent must be a Animated component ( ie: Animated.createAnimatedComponent(component))

README.md

@@ -114,24 +114,17 @@ The `ParallaxScrollView` component adds a few additional properties, as describe
 | `renderStickyHeader` | `func` | No | This renders an optional sticky header that will stick to the top of view when parallax header scrolls up. |
 | `stickyHeaderHeight` | `number` | If `renderStickyHeader` is used | If `renderStickyHeader` is set, then its height must be specified. |
 | `contentContainerStyle` | `object` | No | These styles will be applied to the scroll view content container which wraps all of the child views. (same as for [ScrollView](https://facebook.github.io/react-native/docs/scrollview.html#contentcontainerstyle)) |
+| `outputScaleValue` | `number` | No | The value for the scale interpolation output value, default `5` |
 
-## Latest changes
-
-### 0.19.0
-
-- Fixes compatibility with React Native 0.27.2
-- Adds `contentContainerStyle` prop to style scroll container (thanks [@alaycock](https://github.com/alaycock))
 
-### 0.18.1
-
-- Fixes error when inspecting the sticky header due to cyclical object structure
-  on `style` (#23)
+## Latest changes
 
-### 0.18.0 (Compatibility with React Native 0.20.0)
+### 0.20.1
+- Added prop to change interpolated Scale Output Value
 
-- **Breaking:** Removes `ParallaxScrollView#scrollWithoutAnimationTo` since this has been deprecated in React Native. If you used this method previously, use `scrollTo` instead.
-- Adds `ParallaxScrollView#getScrollableNode` method, which is required in React Native 0.20.0 for components implementing
-  `ScrollView` interface.
+### 0.20.0 // Rodrigocs
+- Now uses native driver, and tested with React Native 0.46.0
+- Adds `useNativeDriver` to improve performance, but renderScrollComponent must be a Animated component ( ie: Animated.createAnimatedComponent(component))
 
 See full changelog [here](./CHANGELOG.md).
 

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "react-native-parallax-scroll-view",
-	"version": "0.20.0",
+	"version": "0.20.1",
 	"description": "A ScrollView-like component with parallax and sticky header support",
 	"main": "src/index.js",
 	"repository": {

src/index.js

@@ -37,7 +37,8 @@ const IPropTypes = {
 	renderScrollComponent: func,
 	renderStickyHeader: func,
 	stickyHeaderHeight: number,
-	contentContainerStyle: View.propTypes.style
+	contentContainerStyle: View.propTypes.style,
+	outputScaleValue: number
 }
 
 class ParallaxScrollView extends Component {
@@ -86,6 +87,7 @@ class ParallaxScrollView extends Component {
 			stickyHeaderHeight,
 			style,
 			contentContainerStyle,
+			outputScaleValue,
 			...scrollViewProps
 		} = this.props
 
@@ -95,7 +97,8 @@ class ParallaxScrollView extends Component {
 			backgroundColor,
 			parallaxHeaderHeight,
 			stickyHeaderHeight,
-			renderBackground
+			renderBackground,
+			outputScaleValue
 		})
 		const foreground = this._renderForeground({
 			fadeOutForeground,
@@ -220,7 +223,8 @@ class ParallaxScrollView extends Component {
 		backgroundColor,
 		parallaxHeaderHeight,
 		stickyHeaderHeight,
-		renderBackground
+		renderBackground,
+		outputScaleValue
 	}) {
 		const { viewWidth, viewHeight } = this.state
 		const { scrollY } = this
@@ -252,7 +256,7 @@ class ParallaxScrollView extends Component {
 							{
 								scale: interpolate(scrollY, {
 									inputRange: [-viewHeight, 0],
-									outputRange: [5, 1],
+									outputRange: [outputScaleValue, 1],
 									extrapolate: 'clamp'
 								})
 							}
@@ -413,7 +417,8 @@ ParallaxScrollView.defaultProps = {
 	renderParallaxHeader: renderEmpty, // Deprecated (will be removed in 0.18.0)
 	renderForeground: null,
 	stickyHeaderHeight: 0,
-	contentContainerStyle: null
+	contentContainerStyle: null,
+	outputScaleValue: 5
 }
 
 module.exports = ParallaxScrollView