如何将我的应用程序的状态从App.js传递到MainStack.Screen？

import React, { useState } from 'react';

export default function App() {
  const [state, setState] = useState('');

  const updateState = (newState) => {
    setState(newState);
  };

  return (
    // 应用程序的其他组件和布局
  );
}

import { createStackNavigator } from '@react-navigation/stack';

const Stack = createStackNavigator();

export default function App() {
  // ...

  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen
          name="Main"
          component={MainScreen}
          initialParams={{ updateState }}
        />
      </Stack.Navigator>
    </NavigationContainer>
  );
}

export default function MainScreen({ navigation, route }) {
  const { updateState } = route.params;

  // 使用updateState函数更新状态变量
  const handleUpdateState = () => {
    updateState('新的状态');
  };

  return (
    // MainScreen组件的其他内容和布局
  );
}