如何延迟 Redux Persist Gate 的 SplashScreen?

奎姆·贝吉特

我正在使用 Redux 和 Redux-Persist 在应用程序关闭时保留一些用户的数据。

您可以在 PersistGate 中设置一个名为加载的选项,您可以在其中指定一个加载屏幕,该屏幕将在 Redux-Persist 收集持久数据时显示。

问题是这个屏幕出现和消失的速度太快了,我想看几秒钟。

有没有什么形式可以延迟加载画面的过渡?这是我的代码,应用程序的入口点:

class App extends Component {    

  render() {
    return (
      <Provider store={store}>
        <PersistGate loading={ <SplashScreen />} persistor={persistor}>
          <Routes />
        </PersistGate>
      </Provider>
    );
  }
}

亚历克斯·桑切斯

不知道这是否完全符合您的需求,但也许您可以使用以下解决方法,使用 onBeforeLift 事件在门升降机之前调用操作以设置具有固定超时的条件渲染。

class App extends Component {    

  state = {
    gateLifted: false
  }
  
  onBeforeLift = () => {
    // Take an action before the gate lifts
    setTimeout(() => { 
      this.setState({ gateLifted: true}) 
    }, 3000);
  }

  render() {
    return (
      <Provider store={store}>
        <PersistGate persistor={persistor} onBeforeLift={this.onBeforeLift}>
          { this.state.gateLifted ? <Routes /> : <SplashScreen />}
        </PersistGate>
      </Provider>
    );
  }
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Java SplashScreen如何工作?

Redux-persist 如何持久化一些状态

如何使用 redux-persist 仅存储一部分 redux 状态

如何通过 Jquery 显示 SplashScreen

在用户允许之前,如何防止redux-persist使用LocalStorage?

如何在React Native中不将搜索结果保存在redux-persist中?

如何为嵌套状态制作 redux-persist 黑名单?

如何在redux-persist v5中使用白名单?

如何在自定义中间件中使用redux-persist

redux-persist - 如何将嵌套状态字段列入白名单?

Redux-Persist-如何在React Native中有条件地持久存储

如何测试Redux-Saga延迟

MainActivity运行时如何显示SplashScreen

Flutter:如何在主页中添加SplashScreen

Redux-persist继续加载

redux-persist-何时需要还原器?

阿波罗与redux-persist

React react-redux redux-persist性能问题

如何在React&Redux中使用JWT并没有redux-persist之类的包来保持用户登录的快速后端应用程序?

如何解决Scyther wx.splashscreen错误?

如何在UWP应用中将GIF图片制作为SplashScreen?

如何在iOS平台上使用cordova-plugin-splashscreen?

如何在react-native-navigation中从堆栈完成SplashScreen

Xamarin.Forms 如何使居中的 SplashScreen 适合屏幕

如何在Android中创建SplashScreen Facebook登录活动

redux-persist和AsyncStorage有什么区别?

redux-persist是否在App更新之间持久/保存数据?

尝试实现redux-persist后,Reducers消失了

store.getState不是函数Redux-persist