如果有人还在研究如何替换React Native中的屏幕，并且正在使用react-navigation，请阅读以下内容：

import { StackActions } from '@react-navigation/native';

navigation.dispatch(
  StackActions.replace('Profile', {
    user: 'jane',
  })
);

有关详细信息，请参阅：https://reactnavigation.org/docs/stack-actions/#replace

使用此代替导航。替换

navigation.reset({
 index: 0,
 routes: [{ name: 'Profile' }],
 });

“替换”仅在堆栈导航中可用
替换键入的：

import { useNavigation } from '@react-navigation/core'
import { StackNavigationProp } from '@react-navigation/stack'

type YourNavigatorParamList = {
  CurrentScreen: undefined
  DifferentScreen: { username: string }
}

const navigation = useNavigation<StackNavigationProp<YourNavigatorParamList, 'CurrentScreen'>>()

navigation.replace('DifferentScreen', { username: 'user01' })

https://reactnavigation.org/docs/navigation-prop/#navigator-dependent-functionshttps://reactnavigation.org/docs/typescript#annotating-usenavigation

您可以使用navigation.replace
用途

this.props.navigation.replace('Sc2');

代替

this.props.navigation.navigate('Sc2', {username: this.state.username});

您可以在这里找到更多信息https://reactnavigation.org/docs/en/navigation-key.html

这对我很有效。

import { View, Text, Button } from 'react-native'

const Home = (nav:any) => {
    const goToLogin = () => {
        nav.navigation.replace('Login');
    }
  return (
    <View>
      <Text>Home</Text>
      <Button title='Go To Login' onPress={goToLogin} />
    </View>
  )
}

export default Home;