反应本机和反应导航无法将函数作为参数传递到NavigationOptions中的下一个屏幕

import React from 'react';
import { Button, View } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';

const Stack = createStackNavigator();

function HomeScreen({ navigation }) {
  const handlePress = () => {
    // 这里可以定义你想要传递的函数
    const myFunction = () => {
      console.log('This is a function from HomeScreen');
    };

    // 使用 navigation.navigate 方法传递函数参数
    navigation.navigate('Details', { myFunction });
  };

  return (
    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
      <Button title="Go to Details" onPress={handlePress} />
    </View>
  );
}

function DetailsScreen({ route }) {
  // 从 route.params 中获取传递的函数
  const { myFunction } = route.params;

  return (
    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
      <Button title="Call Function" onPress={myFunction} />
    </View>
  );
}

export default function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator initialRouteName="Home">
        <Stack.Screen name="Home" component={HomeScreen} />
        <Stack.Screen name="Details" component={DetailsScreen} />
      </Stack.Navigator>
    </NavigationContainer>
  );
}