如何从另一个屏幕重新挂载屏幕？(使用新参数再次刷新整个应用程序)

npm install @react-navigation/native @react-navigation/stack

import * as React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
import ScreenA from './ScreenA';
import ScreenB from './ScreenB';

const Stack = createStackNavigator();

function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator initialRouteName="ScreenA">
        <Stack.Screen name="ScreenA" component={ScreenA} />
        <Stack.Screen name="ScreenB" component={ScreenB} />
      </Stack.Navigator>
    </NavigationContainer>
  );
}

export default App;

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

function ScreenA({ navigation }) {
  const handleNavigate = () => {
    navigation.navigate('ScreenB', { newParam: 'newValue' });
  };

  return (
    <View>
      <Button title="Go to ScreenB with new params" onPress={handleNavigate} />
    </View>
  );
}

export default ScreenA;

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

function ScreenB({ route, navigation }) {
  const { newParam } = route.params;

  useEffect(() => {
    // 这里可以根据newParam的值来刷新组件或执行其他操作
    console.log('New param received:', newParam);
  }, [newParam]);

  return (
    <View>
      <Text>Parameter from ScreenA: {newParam}</Text>
    </View>
  );
}

export default ScreenB;