react-native-internet-connection-alert

react-native-internet-connection-alert copied to clipboard

this is my app.js code

 return (
    <SafeAreaProvider>
      <CustomStatusBar backgroundColor="#5CA2E2" />
    <InternetConnectionAlert
      onChange={connectionState => {
        // console.log("Connection State: ", connectionState)
      }}>
        
      <Provider store={store}>
        <NavigationContainer>
          <HomeStackNavigation />
          <Toast />
        </NavigationContainer>
      </Provider>
    </InternetConnectionAlert>
    </SafeAreaProvider>
  );

Dependencies

"react-native-internet-connection-alert": "^0.1.7",
"react-native-dropdownalert": "4.5.1",
@react-native-community/netinfo": "8.0.0",

on android above 10 version, it works fine but below 9 it stuck on top even after the internet is back to online

Hello @Tanzeel-ur-rehman-git, Thank you for reporting this. I will take a look at it ASAP

any update on this?

Facing the same issue in Andoird too!

I'm going to fix it today. Sorry for late fix

Thanks, @WrathChaos !

Any updates @WrathChaos ?

Hello @OmkarArote , @HarshitMadhav , @Tanzeel-ur-rehman-git

I've updated the example, also tested it seems work with real devices.

Actually, all you need to do is upgrade the

"@react-native-community/netinfo": "^8.3.0",
"react-native-dropdownalert": "4.5.1"

dependencies. Can you also test it with me?

I released a new version: Version 0.1.8 🍺

Also tested with both iOS and Android real devices. It works on my tests.

Please try to upgrade the peer dependencies and the library itself.

@OmkarArote @HarshitMadhav @Tanzeel-ur-rehman-git

https://user-images.githubusercontent.com/64545577/167271867-b66db1eb-15c4-4f83-9bbd-d09f9a474599.mp4

@WrathChaos I am still facing the same issue The alert is not async with the network change

Dependencies:

"react-native-dropdownalert": "^4.5.1",
"react-native-internet-connection-alert": "^0.1.8",
"@react-native-community/netinfo": "^8.3.0",

My Code:

return (
      <InternetConnectionAlert
        onChange={(connectionState) => {
          console.log("Connection State: ", connectionState);
        }}
      >
        <View style={{ flex: 1 }}>
          <NavigationContainer>
            <GalioProvider theme={argonTheme}>
              <Block flex>
                <Screens />
              </Block>
            </GalioProvider>
          </NavigationContainer>
          <FlashMessage position="top" />
        </View>
      </InternetConnectionAlert>
    );

@OmkarArote Can you test the same with physical device?

@OmkarArote Can you test the same with physical device?

Yea tested it on a physical device too Same issue!

I will look at it @OmkarArote

It could be a problem with the @react-native-community/netinfo package => https://github.com/react-native-netinfo/react-native-netinfo/issues/573

This issue is still open

Thank you for let us know @mariomurrent-softwaresolutions

@OmkarArote Are you using low level react-native version?

I don't know if this is the fix. Just added closeAction before alert Need more testing

I don't know if this is the fix. Just added closeAction before alert Need more testing

Unfortunately, this is not an issue for dropdown alert library. This is an issue because of this: https://github.com/react-native-netinfo/react-native-netinfo/issues/573