Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

BackgroundImage is not displaying in android & How to remove title in backgroundImage and how to display the title only if header is visible? #29

Open
nammiharika opened this issue Nov 11, 2019 · 0 comments

Comments

@nammiharika
Copy link

nammiharika commented Nov 11, 2019

Hi, i am using this RNParallax module it's working fine. But i want to customize the backgroundImage. My questions is:-

  1. BackgroundImage is not displaying while passing uri in android devices.
  2. How to remove title in backgroundImage and how to display the title only if header is visible?

Code:-

  <ReactNativeParallaxHeader
            headerMinHeight={64}
            headerMaxHeight={250}
            extraScrollHeight={20}
            navbarColor="#3498db"
            alwaysShowTitle={false}
            // alwaysShowNavBar={this.state.showNavBar}
            // title="Parallax Header"
            titleStyle={styles.titleStyle}
            backgroundImage={{
              uri:
                'https://images.unsplash.com/photo-1500322969630-a26ab6eb64cc?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjExMjU4fQ&w=1000&q=80',
            }}
            backgroundImageScale={1.2}
            renderNavBar={this.renderNavBar.bind(this)}
            renderContent={this.renderContent.bind(this)}
            containerStyle={styles.container}
            contentContainerStyle={styles.contentContainer}
            innerContainerStyle={styles.container}
            navbarColor="black"
            scrollViewProps={{
              onScrollBeginDrag: () => console.log('onScrollBeginDrag'),
              onScrollEndDrag: () => console.log('onScrollEndDrag'),
            }}
          />

Versions:-
react-native: "0.61.4"
react-native-parallax-header: "^1.1.3"

Screenshots:-
iOS:-
Screenshot 2019-11-11 at 12 14 09 PM
Android:-
Screenshot 2019-11-11 at 12 15 02 PM

@nammiharika nammiharika changed the title BackgroundImage is not displaying in android & How to increase the size of backgroundImage in both Platform? BackgroundImage is not displaying in android & How to remove title in backgroundImage and how to display the title only if header is visible? Nov 11, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant