https://github.com/nirajniroula/parallax-header-test

https://github.com/nirajniroula/parallax-header-test

Last synced: 26 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/nirajniroula/parallax-header-test
• Owner: nirajniroula
• Created: 2019-09-12T04:47:33.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2024-09-23T14:39:04.000Z (about 2 months ago)
• Last Synced: 2024-10-03T10:50:50.053Z (about 2 months ago)
• Language: JavaScript
• Size: 32.2 KB
• Stars: 0
• Watchers: 2
• Forks: 1
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# parallax-header-test

Example

  

  

    import React, { Component } from "react";

    ...

    import { Header, ScrollableComponent } from "react-native-parallax-header";

    

    

    export default class Profile extends Component {

      ...

      ...

     renderHeader = (animation, canJumpToTab) => props => (

      }

        childBottom={}

        renderTabBar={() => (

           {

              if (route.key !== this.state.currentTab && canJumpToTab) {

                animation.onTabPress(route);

              }

            }}

            indicatorStyle={{ backgroundColor: Colors.WHITE }}

            renderLabel={this.renderLabel}

            style={styles.tabBarStyle}

            labelStyle={styles.label}

            {...props}

          />

        )}

      />

    );

  

    render() {

      return (

        

          {(animation, { canJumpToTab }) => (

            

              

              

            )}

          

        );

      }

    }

    const styles = StyleSheet.create({

    ...

    ...

    });