react-native-parallax-scroll-view - npm Package Compare versions

Comparing version 0.21.2 to 0.21.3

package.json

 {
 	"name": "react-native-parallax-scroll-view",
-	"version": "0.21.2",
+	"version": "0.21.3",
 	"description": "A ScrollView-like component with parallax and sticky header support",
@@ -5,0 +5,0 @@ "main": "src/index.js",

src/index.js

 import React, { Component } from 'react'
-import { Animated, Dimensions, ScrollView, View, ViewPropTypes, Image } from 'react-native'
+import { Animated, Dimensions, View, ViewPropTypes } from 'react-native'
 
@@ -16,3 +16,3 @@ const styles = require('./styles')
 
-const noRender = () => <View style={{display: 'none'}} />
+const noRender = () => <View style={{ display: 'none' }} />
 
@@ -67,3 +67,3 @@ // Override `toJSON` of interpolated value because of
 		this.scrollY = new Animated.Value(0)
-		this._footerComponent = { setNativeProps() {} } // Initial stub
+		this._footerComponent = { setNativeProps() { } } // Initial stub
 		this._footerHeight = 0
@@ -186,3 +186,3 @@ }
 			onChangeHeaderVisibility,
-			onScroll: prevOnScroll = e => {}
+			onScroll: prevOnScroll = () => { }
 		} = this.props
@@ -249,6 +249,6 @@ this.props.scrollEvent && this.props.scrollEvent(e)
 							? interpolate(scrollY, {
-									inputRange: [0, p * (1 / 2), p * (3 / 4), p],
-									outputRange: [1, 0.3, 0.1, 0],
-									extrapolate: 'clamp'
-								})
+								inputRange: [0, p * (1 / 2), p * (3 / 4), p],
+								outputRange: [1, 0.3, 0.1, 0],
+								extrapolate: 'clamp'
+							})
 							: 1,
@@ -299,6 +299,6 @@ transform: [
 								? interpolate(scrollY, {
-										inputRange: [0, p * (1 / 2), p * (3 / 4), p],
-										outputRange: [1, 0.3, 0.1, 0],
-										extrapolate: 'clamp'
-									})
+									inputRange: [0, p * (1 / 2), p * (3 / 4), p],
+									outputRange: [1, 0.3, 0.1, 0],
+									extrapolate: 'clamp'
+								})
 								: 1
@@ -327,3 +327,3 @@ }
 
-		children.forEach((item) => {
+		React.Children.forEach(children, (item) => {
 			if (item && Object.keys(item).length != 0) {
@@ -394,28 +394,28 @@ this.containerHeight = 0;
 						? <Animated.View
+							style={{
+								backgroundColor: backgroundColor,
+								height: stickyHeaderHeight,
+								opacity: interpolate(scrollY, {
+									inputRange: [0, p],
+									outputRange: [0, 1],
+									extrapolate: 'clamp'
+								})
+							}}
+						>
+							<Animated.View
 								style={{
-									backgroundColor: backgroundColor,
-									height: stickyHeaderHeight,
-									opacity: interpolate(scrollY, {
-										inputRange: [0, p],
-										outputRange: [0, 1],
-										extrapolate: 'clamp'
-									})
+									transform: [
+										{
+											translateY: interpolate(scrollY, {
+												inputRange: [0, p],
+												outputRange: [stickyHeaderHeight, 0],
+												extrapolate: 'clamp'
+											})
+										}
+									]
 								}}
 							>
-								<Animated.View
-									style={{
-										transform: [
-											{
-												translateY: interpolate(scrollY, {
-													inputRange: [0, p],
-													outputRange: [stickyHeaderHeight, 0],
-													extrapolate: 'clamp'
-												})
-											}
-										]
-									}}
-								>
-									{renderStickyHeader()}
-								</Animated.View>
+								{renderStickyHeader()}
 							</Animated.View>
+						</Animated.View>
 						: null}
@@ -438,3 +438,3 @@ {renderFixedHeader && renderFixedHeader()}
 	fadeOutForeground: true,
-	onChangeHeaderVisibility: () => {},
+	onChangeHeaderVisibility: () => { },
 	renderScrollComponent: props => <Animated.ScrollView {...props} />,
@@ -441,0 +441,0 @@ renderBackground: renderEmpty,

No alert changes

Worsened metrics

Total package byte prevSize

21543

decreased by-0.14%

Number of downloads

2460

decreased by-6.46%

No dependency changes