React导航+ Redux:如何将道具传递到StackNavigator？

import { createStackNavigator } from 'react-navigation';
import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';

// 导入页面组件
import HomeScreen from './HomeScreen';
import DetailsScreen from './DetailsScreen';

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

// 将Redux状态映射到组件的属性
const mapStateToProps = state => ({
  prop1: state.prop1,
  prop2: state.prop2,
});

// 将Redux操作映射到组件的属性
const mapDispatchToProps = dispatch =>
  bindActionCreators(
    {
      action1,
      action2,
    },
    dispatch
  );

// 使用connect函数将Redux状态和操作与导航器组件连接起来
export default connect(mapStateToProps, mapDispatchToProps)(AppNavigator);

import React from 'react';
import { View, Text } from 'react-native';

class HomeScreen extends React.Component {
  render() {
    const { prop1, prop2, action1, action2 } = this.props;

    return (
      <View>
        <Text>{prop1}</Text>
        <Text>{prop2}</Text>
        <Button onPress={action1} title="Action 1" />
        <Button onPress={action2} title="Action 2" />
      </View>
    );
  }
}

export default HomeScreen;