Netinfo error

[hustlercoder]

Hi there i had an issue with the library.I think it can be related to the fact that netinfo library is not part of the standard react library anymore so the api has changed.
The caching process fail with error: Netinfo.isConnected undefined.

[glCoder8]

I think networkAvailable flag is not used anywhere, so you can remove NetInfo?
Please let me know your opinion @fungilation.

[hustlercoder]

@glCoder8 i use Netinfo.isConnected....but it undefined....not networkAvailable

[glCoder8]

@hustlercoder I mean, react-native-cached-image component using NetInfo for setting networkAvailable state value, but it's not used anywhere.

and I think you are getting error because you are using higher level of NetInfo package (maybe 3.x.x), but react-native-cached-image using NetInfo package 2.0.3.

to get rid of your issue, you need to use same version of NetInfo in your project, so it should be 2.0.3

[elhachimi]

@hustlercoder you are right , i have this issue as well, this module is still using NetInfo from react-native,
here

react-native-cached-image/CachedImage.js

Line 19 in d7320ea

NetInfo,

const {
    View,
    ImageBackground,
    ActivityIndicator,
    NetInfo,
    Platform,
    StyleSheet,
} = ReactNative;

Which is not correct because NetInfo got removed to it's own repo https://github.com/react-native-community/react-native-netinfo
this is why when i upgraded to react-native 0.60.10 i'me getting :
TypeError: Cannot read property isConnected of undefined

[orcunorcun]

Is there any fixes?

[hustlercoder]

@orcunorcun i think no...anyway i will try another package because for now there is nothing to do...

[OtacilioN]

I got the same error =/

[russelRajitha]

same issue. is there any fix for this issue?

[orcunorcun]

I think they forgot that library. So someone should create a new npm package :/

[wandhi]

you must change
const {
View,
ImageBackground,
ActivityIndicator,
NetInfo,
Platform,
StyleSheet,
} = ReactNative;

to

const {
View,
ImageBackground,
ActivityIndicator,
Platform,
StyleSheet,
} = ReactNative;

const NetInfo = require('@react-native-community/netinfo');
in node-module/react-native-cached-image/CachedImage.js

[hueyAtFetchly]

you must change
const {
View,
ImageBackground,
ActivityIndicator,
NetInfo,
Platform,
StyleSheet,
} = ReactNative;

to

const {
View,
ImageBackground,
ActivityIndicator,
Platform,
StyleSheet,
} = ReactNative;

const NetInfo = require('@react-native-community/netinfo');
in node-module/react-native-cached-image/CachedImage.js

Another for https://github.com/ds300/patch-package