react-native-image-header-scroll-view

A ScrollView-like component that:

• Has a fixed image header
• Keep the image as a nav bar
• Works on iOS and Android

Installation

$ npm install react-native-image-header-scroll-view --save

Demo

Basic Usage

import HeaderImageScrollView from 'react-native-image-header-scroll-view';

// Inside of a component's render() method:
render() {
  return (
    <HeaderImageScrollView
      maxHeight={200}
      minHeight={50}
      renderHeader={() => (
        <Image source={require('image.jpg')} style={styles.image} />
      )}
    >
      <View style={{ height: 1000 }}>
          <Text>Scroll Me!</Text>
      </View>
    </HeaderImageScrollView>
  );
}

Other open-source modules by the folks at BAM

• generator-rn-toolbox
• react-native-image-resizer
• react-native-numberpicker-dialog
• react-native-animated-picker