如何用 redux 包装 createStackNavigator？

Question

我想我的问题很清楚了。在开始之前，我应该展示一下我自己创建的项目结构。

我后来在项目中添加了路由器逻辑，我认为它会更好地工作。

stack_main.js 正在关注；

import Screen from '../screens';
import {createStackNavigator} from 'react-navigation-stack';

export default createStackNavigator(
  {
    HomeScreen: Screen.HomeScreen,
    MyEarningsScreen: Screen.MyEarningsScreen,
    // TestScreen: Screen.TestScreen,
  },
  {
    cardStyle: {
      backgroundColor: '#000000',
    },
  },
);

其实如果你能通过任何方式改变"cardStyle.backgroundColor"的值，就没有必要用redux包裹起来。由于redux是状态管理，我不能把createStackNavigator函数包裹在react-navigation模块中或者我不知道

每次压入堆栈时，我都需要更改 "cardStyle.backgroundColor" 值。我该怎么做？

感谢您的关注。

我为什么要这个？

我使用 react-native-drawer 创建了一个侧面菜单，如下图所示。

在我使用的模块中，无论我给offset props值多少，背景颜色都有白色部分；作为我研究的结果，我看到并应用了这个 cardStyle 的解决方案。

Answer 1

更新到最新版本react-navigation-stack然后使用screenProps动态自定义颜色。

如何用 redux 包装 createStackNavigator？

How to wrapper createStackNavigator with redux?

react-native

react-navigation

react-navigation-stack