Invariat violation:element type is invalid, expected string but got undefined

[mir1198yusuf]

Could not import properly

import HeaderImageScrollView, { TriggeringView } from 'react-native-image-header-scroll-view';

return (
    <HeaderImageScrollView
      maxHeight={200}
      minHeight={100}
      renderForeground={() => (
        <View style={{ height: 150, justifyContent: "center", alignItems: "center" }} >
            <Text style={{ backgroundColor: "transparent" }}>Tap Me!</Text>
        </View>
      )}
    >
      <View style={{ height: 1000 }}>
        <TriggeringView onHide={() => console.log("text hidden")}>
          <Text>Scroll Me!</Text>
        </TriggeringView>
      </View>
    </HeaderImageScrollView>
  );

[Chandravardhan8998]

Same Problem

[mir1198yusuf]

This is a mistake in npm website documentation.

So see the GitHub page documentation.
https://github.com/bamlab/react-native-image-header-scroll-view

It is ImageHeaderScrollView (as on GitHub page ) and not HeaderImageScrollView (as on npm page)

So this problem is solved , now another problem the latest version of library doesnot trigger scrolling events as in this issue bamlab/react-native-image-header-scroll-view#92

So use older version of library.
see this two comment for solution.
bamlab/react-native-image-header-scroll-view#92 (comment)
bamlab/react-native-image-header-scroll-view#92 (comment)

Now it should work fine.

[mir1198yusuf]

Closing issue as problem is solved by using older version.

Solution is the two links mentioned at bottom in previous comment.