添加Redux-Persist后,应用程序打开后,白色闪烁和白屏死亡



添加redux-persist后第二次打开后,我会得到白色闪光灯和白色屏幕。" redux-persist"的版本为"^5.10.0"。

这是我的App.js文件:

    import { PersistGate } from 'redux-persist/integration/react'
    import {store, persistor } from './redux/store'
    export default class App extends React.Component {
  renderLoading = ()=> {
    <View>
      <ActivityIndicator size="large"/>
    </View>  
  }
      render() {
        return( 
          <Provider store={store}>
            <PersistGate loading={this.renderLoading()} persistor={persistor}>
              <AppContainer/>
            </PersistGate>
          </Provider>
        )  
      }
    }

这是我的./redux/store文件:

import { createStore, applyMiddleware } from 'redux'
import { AsyncStorage } from 'react-native'
import thunkMiddleware from 'redux-thunk'
import { persistStore, persistReducer } from "redux-persist"
import reducers from './index';
import bindAuthEvents from '../auth/redux/bindEvents';
import bindTrackingEvents from '../tracking/redux/bindEvents';
const persistConfig = {
    key: 'root',
    storage: AsyncStorage,
  }
const persistedReducer = persistReducer(persistConfig, reducers)
const createStoreWithMiddleware = applyMiddleware(thunkMiddleware)(createStore);
export const store = createStoreWithMiddleware(persistedReducer);
const dispatch = event => store.dispatch(event) 
const getState = () => store.getState()
bindAuthEvents(dispatch, getState);
bindTrackingEvents(dispatch, getState);
export const persistor = persistStore(store);

有什么问题?以及如何修复它?

我遇到了这个问题,但是我使用加载组件解决了问题。

在模拟器中,它最终发生了,但在物理设备中却没有。

最新更新