React Navigation + Redux：如何將道具傳遞到StackNavigator？

Question

我想用redux設置我的StackNavigator。

import { connect } from "react-redux"; 
import { StackNavigator } from "react-navigation"; 

import ChatList from "../chat/chat-list"; 
import ChatDetail from "../chat/chat-detail"; 

// how do we pass props into this?? 
const ChatContainer = StackNavigator({ 
    ChatList: { 
    screen: ChatList 
    }, 
    ChatDetail: { 
    screen: ChatDetail, 
    navigationOptions: ({ navigation }) => ({ 
     title: "Jesus", 
     tabBarVisible: false 
    }) 
    } 
}); 

export default connect(state => ({ 
    cool: state.cool, 
}), dispatch => ({}))(ChatContainer); 

如何將cool傳遞到StackNavigator並下載到ChatList？

Answer 1

您可以使用導航道具

const SomeStack = StackNavigator({ 
    // config 
}); 

<SomeStack 
    screenProps={/* this prop will get passed to the screen components as this.props.screenProps */} 
/> 

https://reactnavigation.org/docs/navigators/stack#Navigator-Props