如何在同一常量函数中使用道具和导航路线(react原生)？

import React from 'react';
import { View, Text, Button } from 'react-native';
import { createStackNavigator } from 'react-navigation';
import { connect } from 'react-redux';

// 定义常量函数组件
const MyComponent = ({ prop1, prop2, navigation }) => {
  // 使用道具和导航路线
  const handleButtonPress = () => {
    // 执行导航路线操作
    navigation.navigate('AnotherScreen');
    
    // 使用道具更新状态
    prop2('new value');
  };

  return (
    <View>
      <Text>{prop1}</Text>
      <Button title="Press Me" onPress={handleButtonPress} />
    </View>
  );
};

// 创建导航路线
const AppNavigator = createStackNavigator({
  Home: { screen: MyComponent },
  AnotherScreen: { screen: AnotherScreenComponent },
});

// 连接Redux状态管理
const mapStateToProps = state => ({
  prop1: state.prop1,
});

const mapDispatchToProps = dispatch => ({
  prop2: value => dispatch({ type: 'UPDATE_PROP2', payload: value }),
});

export default connect(mapStateToProps, mapDispatchToProps)(AppNavigator);