How to use react-navigation-collapsible - 7 common examples

/>
      
    
  );
};

const collapsibleParams = {
  collapsibleComponent: SearchBar,
  collapsibleBackgroundStyle: {
    height: 60,
    backgroundColor: '#061',
    // disableFadeoutInnerComponent: true,
  },
};

export default withCollapsible(ExtraHeaderScreen, collapsibleParams);

renderItem={this.renderItem}
        keyExtractor={(item, index) => String(index)}
        contentContainerStyle={{paddingTop: paddingHeight}}
        scrollIndicatorInsets={{top: paddingHeight}}
        onScroll={onScroll}
        // if you want to use 'onScroll' callback.
        // onScroll={Animated.event(
        //   [{nativeEvent: {contentOffset: {y: animatedY}}}],
        //   {useNativeDriver:true, listener:this.onScroll})}
        _mustAddThis={animatedY}
      />
    );
  }
}

export default withCollapsible(DefaultHeaderScreen, {iOSCollapsedColor: 'red'});

data={this.state.data}
          renderItem={this.renderItem}
          keyExtractor={(item, index) => String(index)}

          contentContainerStyle={{paddingTop: paddingHeight + tabHeight}}
          scrollIndicatorInsets={{top: paddingHeight + tabHeight}}
          onScroll={onScroll} 
          _mustAddThis={scrollY}
          />
        
      
    );
  }
}

export default withCollapsible(AdvancedScreen, {iOSCollapsedColor: 'purple'});

indicatorStyle: {backgroundColor: 'white'},
        style: {
          borderTopColor: 'transparent',
          borderTopWidth: 0,
          elevation: 0,
          backgroundColor: '#061',
        },
      },
    },
    navigationOptions: {
      title: 'My Group 1',
    },
  },
);

export default withCollapsibleForTab(TopTabNavigator, {
  iOSCollapsedColor: '#032',
});

}}
      />
    
  );
};

const collapsibleParams = {
  collapsibleComponent: GroupImageHeader,
  collapsibleBackgroundStyle: {
    height: 200,
    backgroundColor: '#061',
    disableFadeoutInnerComponent: true,
  },
};

export default withCollapsibleForTab(TopTabNavigator, collapsibleParams);

function App() {
  return (
    
      
        
        {CollapsibleStack(
          ,
          {
            iOSCollapsedColor: 'red',
          },
        )}

const {animatedY, onScroll} = this.props.collapsible;

    return (
       String(index)}
        onScroll={onScroll}
        _mustAddThis={animatedY}
      />
    );
  }
}

export default withCollapsibleForTabChild(TabChild1Screen);