访问createStackNavigator中的Redux变量

import { createStore } from 'redux';
import { Provider } from 'react-redux';
import { createStackNavigator } from 'react-navigation';

// 创建一个Redux reducer
const reducer = (state = {}, action) => {
  // 处理不同的action类型，更新状态
  switch (action.type) {
    case 'UPDATE_VARIABLE':
      return {
        ...state,
        variable: action.payload,
      };
    default:
      return state;
  }
};

// 创建Redux store
const store = createStore(reducer);

// 创建堆栈导航器
const AppNavigator = createStackNavigator({
  Home: {
    screen: HomeScreen,
  },
  Details: {
    screen: DetailsScreen,
  },
});

// 包装堆栈导航器，使其能够访问Redux store
const AppContainer = () => (
  <Provider store={store}>
    <AppNavigator />
  </Provider>
);

export default AppContainer;

import React from 'react';
import { connect } from 'react-redux';

const HomeScreen = ({ variable }) => (
  <div>
    <h1>Home Screen</h1>
    <p>Redux Variable: {variable}</p>
  </div>
);

const mapStateToProps = (state) => ({
  variable: state.variable,
});

export default connect(mapStateToProps)(HomeScreen);