Skip to content

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

@nammiharika

Description

@nammiharika

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions