在 React Native 中基于互联网连接运行功能

如何解决在 React Native 中基于互联网连接运行功能

我正在开发 React Native 应用程序，我使用 firebase 作为后端。我从 firebase 实时数据库中获取数据并将其呈现在页面上。但现在我希望离线支持我的应用程序。

我使用了以下两个函数进行渲染。 对于来自数据库的列表

  const loadListings = () => {
    let data = [];
    listingRef.orderByChild("created_at").on("value",(snapshot) => {
      data = [];
      snapshot.forEach((listing) => {
        data.push(listing.val());
      });
      cache.store("listings",data.slice(0,10)); // only stores latest ten listings
      setListings(data);
      setLoading(false);
    });
  };

然后在 useEffect 之类的内部使用它。

  useEffect(() => {
    loadListings();
  },[]);

对于缓存中的列表，我使用了它。

  const loadListingsCached = async () => {
    let data = await cache.get("listings");
    setListings(data);
  };

现在我无法在 firs 函数中进行检查，因为效果钩子只会运行一次并且初始网络状态为空。它没有定义。 我如何实现这一目标？ 顺便说一下link to package I used for detecting connectivity

编辑 我使用这个钩子作为 useEffect() 的第二个参数，但对我不起作用

  const netInfo = useNetInfo();

我