使用 redux 将状态传递给 stacknavigator

Question

我有一个 react-native 应用程序，react-navigation 和 redux 是分开的，所以我不会将我的导航属性传递给 redux。我为 Redux 设置了一切以正常工作，但我的状态似乎没有传递到 Stacknavigator 中的屏幕。

这是我的 StackNav.js:

import { createStackNavigator } from 'react-navigation'
import { HomeScreen } from '../screens/HomeScreen'

export const RootStack = createStackNavigator(
    {
        Home: {screen: HomeScreen},
);

export default RootStack;

Answer 1

问题是我需要在没有大括号的情况下导入 HomeScreen，我想那是因为我在导出默认值中调用了连接函数并且我导出了 HomeScreen class，以及 Homescreen 的连接组件，所以我总是导入未连接的 class。

固定代码如下：

import { createStackNavigator } from 'react-navigation'
import HomeScreen from '../screens/HomeScreen'

export const RootStack = createStackNavigator(
    {
        Home: {screen: HomeScreen},
        Card: {screen: CardScreen},
    },
);

export default RootStack;

使用 redux 将状态传递给 stacknavigator

passing down state with redux to stacknavigator

react-native

redux

react-redux

stack-navigator