feat: adds parallax height props to predefined headers

netguru · May 17, 2021 · 70b9344 · 70b9344
1 parent 1dbee6f
commit 70b9344
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/src/index.d.ts b/src/index.d.ts
@@ -42,6 +42,7 @@ export interface SharedProps {
   refreshControl?: ReactElement;
   decelerationRate: number | string;
   children?: ReactElement;
+  parallaxHeight?: number;
 }
 
 export interface IconProps {
@@ -98,7 +99,6 @@ export type AvatarHeaderProps = SharedProps &
     hasBorderRadius?: boolean;
     header?: () => ReactElement;
     image?: number;
-    parallaxHeight?: number;
     renderBody?: (title: string) => ReactElement;
     scrollEvent?: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
     snapStartThreshold?: number;
@@ -121,7 +121,6 @@ export type CustomHeaderProps = SharedProps &
     initialPage?: number;
     onChangeTab?: (changeTabArguments: OnChangeTabArguments) => void;
     onEndReached?: () => void;
-    parallaxHeight?: number;
     scrollEvent?: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
     snapStartThreshold?: number;
     snapStopThreshold?: number;

diff --git a/src/predefinedComponents/DetailsHeader/DetailsHeader.js b/src/predefinedComponents/DetailsHeader/DetailsHeader.js
@@ -141,6 +141,7 @@ class DetailsHeader extends React.Component {
       headerHeight,
       snapToEdge,
       bounces,
+      parallaxHeight
     } = this.props;
 
     if (renderBody) {
@@ -154,7 +155,7 @@ class DetailsHeader extends React.Component {
           foreground={this.renderForeground(user)}
           header={this.renderHeader(user)}
           deviceWidth={constants.deviceWidth}
-          parallaxHeight={sizes.cardScreenParallaxHeader}
+          parallaxHeight={parallaxHeight}
           scrollEvent={event([{ nativeEvent: { contentOffset: { y: this.scrollY.y } } }], {
             useNativeDriver: false,
           })}
@@ -188,6 +189,7 @@ DetailsHeader.propTypes = {
   snapToEdge: bool,
   hasBorderRadius: bool,
   iconNumber: number,
+  parallaxHeight: number
 };
 DetailsHeader.defaultProps = {
   leftTopIconOnPress: () => {},
@@ -205,6 +207,7 @@ DetailsHeader.defaultProps = {
   snapToEdge: true,
   hasBorderRadius: true,
   iconNumber: Brandon.cardsAmount,
+  parallaxHeight: sizes.cardScreenParallaxHeader
 };
 
 export default DetailsHeader;
diff --git a/src/predefinedComponents/TabbedHeader/TabbedHeader.js b/src/predefinedComponents/TabbedHeader/TabbedHeader.js
@@ -163,6 +163,7 @@ export default class TabbedHeader extends React.Component {
       contentContainerStyles,
       refreshControl,
       rememberTabScrollPosition,
+      parallaxHeight
     } = this.props;
 
     if (renderBody) {
@@ -181,7 +182,7 @@ export default class TabbedHeader extends React.Component {
           foreground={this.renderForeground(this.scrollY)}
           header={this.renderHeader()}
           deviceWidth={constants.deviceWidth}
-          parallaxHeight={sizes.homeScreenParallaxHeader}
+          parallaxHeight={parallaxHeight}
           scrollEvent={event([{ nativeEvent: { contentOffset: { y: this.scrollY.y } } }], {
             useNativeDriver: false,
             listener: (e) => scrollEvent && scrollEvent(e),
@@ -237,6 +238,7 @@ TabbedHeader.propTypes = {
   titleStyle: Text.propTypes.style,
   header: func,
   onRef: func,
+  parallaxHeight: number
 };
 
 TabbedHeader.defaultProps = {
@@ -280,4 +282,5 @@ TabbedHeader.defaultProps = {
   refreshControl: undefined,
   scrollRef: null,
   onRef: null,
+  parallaxHeight: sizes.homeScreenParallaxHeader
 };