React Native：始终运行的组件

Posted 2023-02-22

【中文标题】React Native：始终运行的组件

【英文标题】：React native: Always running component

【发布时间】：2017-02-06 00:36:47

【问题描述】：

其实我也不知道，这个问题怎么命名！

我有一个 React Native 中的 JS 文件，它从服务器获取数据并将其与本地数据库进行比较。我需要它同时运行，我该如何实现？当应用程序启动时，它应该运行，更改视图（导航到其他组件）不应该破坏它，它应该仍然在运行。

有什么解决办法吗？

【参考方案1】：

您正在解释一种名为：Singleton 的设计模式。

这是怎么做的：

let instance = null;

class Singleton  
    constructor() 
        if(!instance)
              instance = this;
        

        // to test whether we have singleton or not
        this.time = new Date()

        return instance;
      

测试单例 在上面的类中，我们定义了一个时间属性来确保我们的单例正常工作。

 let singleton = new Singleton()
 console.log(singleton.time);

 setTimeout(function()
   let singleton = new Singleton();
   console.log(singleton.time);
 ,4000);

如果它为两个实例打印相同的时间，这意味着我们有一个工作单例。

现在，您可以在单例中异步加载服务器数据，然后做任何您想做的事情。每当您尝试访问单例类时，它将是同一个实例，并且不会被多次实例化。换句话说，它不会被销毁。

来源：http://amanvirk.me/singleton-classes-in-es6/

【讨论】：

老实说，我没有明白你的意思。我找到了 github.com/devfd/react-native-workers ，不确定它是否是我要找的。顺便说一句，谢谢你的回答。

据我了解，您希望拥有一个类的单个实例，并且希望该实例在应用程序的整个生命周期中保持活动状态。这个东西叫做单例。无论您如何重新实例化它，此类中的任何属性都将是持久的。在您的情况下，您将在单例类中异步加载服务器数据，并且它将一直存在。

@Ataomega BTW，工作人员用于 CPU 密集型的后台任务。 Worker 在与主应用程序不同的线程中运行，因此它不会锁定应用程序。我认为这不是正确的解决方案，但它可以工作。

感谢您的回答！明白了。

【参考方案2】：

我迟到了，但这可能对其他人有帮助，

一种选择是创建一个单例类。 但另一种选择是为您的导航文件创建一个容器。 > 导航容器只是一个以子为主的普通组件 导航器组件。

您在导航容器中的代码一直在运行。

我使用这样的导航容器..

     export default function App() 
        return (
            <Provider store=store>
                    <NavigationContainer />
            </Provider>
           );
         

我从这个导航容器返回导航器组件，例如 > this

    return (
 <AuthNavigator ref=navRef />
    );