React Native Stack Navigator使用状态

我尝试从MyStack组件制作共享状态数据。 第二数据的组成部分始终会更改,但第一屏幕不会更改 你能告诉我这是什么问题吗? 而且我必须改变什么。 谢谢你:D

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

function First({route , navigation}) {
  return (
    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
      <Button
        title={route.params.count.toString()}
        onPress={() => navigation.navigate('Second')}/>
    </View>
  );
} 

function Second({route , navigation }) {
  route.params.setCount(route.params.count + 1);
  return (
    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
      <Button
        title={route.params.count.toString()}
        onPress={() => { navigation.goBack()}}
      />
    </View>
  );
}


const Stack = createStackNavigator();

function MyStack() {
  const [count, setCount] = useState(0);
  return (
    <Stack.Navigator>
      <Stack.Screen name="First" component={First} initialParams={{ count: count , setCount  : setCount }}/>
      <Stack.Screen name="Second" component={Second} initialParams={{ count: count ,setCount  : setCount}}/>
    </Stack.Navigator>
  );
}

export default function App(props) {
  return (
    <NavigationContainer>
        <MyStack props={props}/>
    </NavigationContainer>
  );
}