In the documentation enableProgress : "Enable/Disable superior progress visibility".
But when you set it to false, it continues to display the bar, only those without passing the progress. In addition, the duration of the stories was locked. How do I hide the progress bar?

<StoryContainer
  visible={storiesList.showFullScreenStory}
  enableProgress={false}
  images={promotedCourses}
  duration={20}
  onComplete={() => { closeStory()}}
  containerStyle={{
    width: '100%',
    height: '100%'
  }}
/>

The progressive bar fluctuate. Sometimes it works fine but most the time it fluctuates

the example does not open...

my code is
<StoryContainer
visible={true}
enableProgress={true}
progressIndex={0}
barStyle={{

barWidth: 100, 
barHeight: 4

}}
images={images}
duration={20}
containerStyle={{
width: '100%',
height: '100%',
}}
/>

I am getting this error.
Error: Invalid hook call. Hooks can only be called inside of the body of a function component.

onImageClick function not working

userProfile={{
userImage: {uri: this.state.Logo},
userName: this.state.shopName,

                            onImageClick: () => {
                              console.log('lskndclksnc');
                              Alert.alert('User profile image tapped');
                              console.log(item, 'on press store');
                                this.props.getStoreProfileAction(
                                item.store?.id,
                                SCENES.ROUTE_STORE_PROFILE,
                                )
                            },
                          
                         }}

Can we have the current and previous index numbers of the story when we click on story?

Does not work:

Hello,

As this appears to be an open source project, the missing license info makes it basically not possible to use by others, as stated here https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/licensing-a-repository

However, without a license, the default copyright laws apply, meaning that you retain all rights to your source code and no one may reproduce, distribute, or create derivative works from your work. If you're creating an open source project, we strongly encourage you to include an open source license.

Could you please clarify this issue? And if it's intended for OSS, then could you kindly include the relevant file or update package.json with the "license" entry?

All the best and thank you for your great work!

In an app that i'm currently working on, i ned to render custom components in the story, not images. will be great if you can add that feature.

Sometimes Progress Bar is not running, when I touch the screen then progress Bar starts again.

How to solved this problem?

my code is here : -

<ProgressBar
images={['']}
onChange={() => {}}
progressIndex={0}
enableProgress={true}
duration={20}
barStyle={{
barActiveColor: 'red',
barInActiveColor: '#000',
barWidth: 100,
barHeight: 4,
}}
/>

Geting Transformer is not a contructor error.

"dependencies": {
"@gorhom/bottom-sheet": "3",
"@react-native-async-storage/async-storage": "^1.15.4",
"@react-native-community/blur": "^3.6.0",
"@react-native-community/cameraroll": "^4.0.4",
"@react-native-community/clipboard": "^1.5.1",
"@react-native-community/datetimepicker": "^3.4.6",
"@react-native-community/masked-view": "^0.1.10",
"@react-native-picker/picker": "^1.15.0",
"@react-navigation/material-bottom-tabs": "^5.3.15",
"@react-navigation/native": "^5.9.4",
"@twotalltotems/react-native-otp-input": "^1.3.11",
"axios": "^0.21.1",
"lottie-ios": "^3.2.0",
"lottie-react-native": "^3.5.0",
"moment": "^2.29.1",
"patch-package": "^6.4.7",
"react": "17.0.1",
"react-native": "0.64.0",
"react-native-animated-pagination-dots": "^0.1.72",
"react-native-camera": "^3.43.6",
"react-native-gesture-handler": "^1.10.3",
"react-native-gifted-chat": "^0.16.3",
"react-native-image-crop-picker": "^0.36.0",
"react-native-immersive-mode": "^2.0.0",
"react-native-keyboard-aware-scroll-view": "^0.9.3",
"react-native-linear-gradient": "^2.5.6",
"react-native-masonry-list": "^2.16.1",
"react-native-pager-view": "^5.1.5",
"react-native-paper": "^4.7.2",
"react-native-popup-menu": "^0.15.10",
"react-native-reanimated": "^2.1.0",
"react-native-responsive-screen": "^1.4.2",
"react-native-safe-area-context": "^3.2.0",
"react-native-screens": "^3.1.0",
"react-native-stories-view": "^1.0.7",
"react-native-svg": "^12.1.1-0",
"react-native-tab-view": "^2.16.1",
"react-native-text-gradient": "^0.1.7",
"react-native-thumbnail": "^1.1.3",
"react-native-vector-icons": "^8.1.0",
"react-native-video": "^5.1.1",
"react-native-video-processing": "^2.0.0",
"react-native-virtual-keyboard": "^1.1.0",
"react-redux": "^7.2.4",
"react-spring": "^9.1.0",
"redux": "^4.1.0",
"redux-persist": "^6.0.0",
"redux-saga": "^1.1.3"
},
"devDependencies": {
"@babel/core": "^7.12.9",
"@babel/runtime": "^7.12.5",
"@react-native-community/eslint-config": "^2.0.0",
"@types/jest": "^26.0.23",
"@types/react": "^17.0.5",
"@types/react-native": "^0.64.5",
"@types/react-test-renderer": "^17.0.1",
"babel-jest": "^26.6.3",
"eslint": "7.14.0",
"jest": "^26.6.3",
"metro-react-native-babel-preset": "^0.64.0",
"react-test-renderer": "17.0.1",
"typescript": "^4.2.4"
},
"jest": {
"preset": "react-native"
}
}

invalid hook error inside functionall component

Hii ,

I'm using this library with version 1.0.7 and i'm facing this issue

Module RCTDeviceEventEmitter is not a registered callable module

Hi! 👋

Firstly, thanks for your work on this project! 🙂

Today I used patch-package to patch [email protected] for the project I'm working on.

Here is the diff that solved my problem:

diff --git a/node_modules/react-native-stories-view/src/stories/StoryContainer.tsx b/node_modules/react-native-stories-view/src/stories/StoryContainer.tsx
index 7abad0d..7439285 100644
--- a/node_modules/react-native-stories-view/src/stories/StoryContainer.tsx
+++ b/node_modules/react-native-stories-view/src/stories/StoryContainer.tsx
@@ -30,8 +30,8 @@ const StoryContainer = (props: StoryContainerProps) => {
 
 	useEffect(() => {
 		// Alert.prompt("Called")
-		setProgressIndex(progressIndex);
-	}, [props.enableProgress]);
+		if(props.enableProgress ){ setProgressIndex(0); }
+	}, [props.enableProgress, props.toggleProgressFromStart]);
 
 	useEffect(() => {
 		let listener1 = Keyboard.addListener("keyboardDidShow", onShowKeyboard);
@@ -149,7 +149,7 @@ const StoryContainer = (props: StoryContainerProps) => {
 						duration={props.duration ? props.duration : DEFAULT_DURATION}
 						barStyle={props.barStyle}
 						progressIndex={progressIndex}
-						onChange={(position: number) => onChange(position)}
+						onChange={onChange}
 					/>
 				</View>
 			</View>
diff --git a/node_modules/react-native-stories-view/src/utils/interfaceHelper.tsx b/node_modules/react-native-stories-view/src/utils/interfaceHelper.tsx
index 45ddbad..5b3191d 100644
--- a/node_modules/react-native-stories-view/src/utils/interfaceHelper.tsx
+++ b/node_modules/react-native-stories-view/src/utils/interfaceHelper.tsx
@@ -23,7 +23,7 @@ export interface StoryContainerProps extends CommonProps {
     isShowReply?: boolean | undefined,
     duration?: number | undefined,
     barStyle?: BarStyleProps | undefined,
- 
+    toggleProgressFromStart?: boolean | undefined,
     headerComponent?: FunctionComponentElement<CommonProps> | undefined
     userProfile?: UserProps | undefined
 

This issue body was partially generated by patch-package.

Facing dependency issues while installing the package.

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR! react@"17.0.1" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react@"16.11.0" from [email protected]
npm ERR! node_modules/react-native-stories-view
npm ERR!   react-native-stories-view@"*" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

The app just won't start when I install this library I don't know why but when I uninstall it using npm uninstall my app works perfectly fine again.