在React Native Windows中，导航中无法进行屏幕过渡

Question

我正在在React Native Windows中进行屏幕过渡。

简单的按钮过渡

home-＆gt;电影 - ＆gt;家

不起作用。

从家到电影过渡没有问题，但是在从电影到家过渡时， 屏幕空白。

我没有收到任何错误消息，但是您能说出原因是什么吗？

环境：

    "@react-navigation/native": "^6.0.10",
    "@react-navigation/native-stack": "^6.6.2",
    "@rneui/base": "^4.0.0-rc.4",
    "@rneui/themed": "^4.0.0-rc.4",
    "react": "17.0.2",
    "react-native": "0.68.0",
    "react-native-safe-area-context": "^4.3.1",
    "react-native-screens": "^3.13.1",
    "react-native-vector-icons": "^9.1.0",
    "react-native-windows": "0.68.6"

来源：

app.js

import React from 'react';
import {NavigationContainer} from '@react-navigation/native';
import {createNativeStackNavigator} from '@react-navigation/native-stack';
import {ThemeProvider} from '@rneui/themed';

import theme from './src/styles/theme';

import Home from './src/page/Home/Home';
import Movie from './src/page/Movie/Movie';

const Stack = createNativeStackNavigator();

const App = () => {
  return (
    <NavigationContainer>
      <ThemeProvider theme={theme}>
        <Stack.Navigator>
          <Stack.Screen name="Home" component={Home} />
          <Stack.Screen name="Movie" component={Movie} />
        </Stack.Navigator>
      </ThemeProvider>
    </NavigationContainer>
  );
};

export default App;

home.js

import React from 'react';
import {StyleSheet, View, Text} from 'react-native';
import {useNavigation} from '@react-navigation/native';

import {Button} from '@rneui/themed';

const Home = () => {
  const navigation = useNavigation();
  console.log(navigation.getState());
  return (
    <View>
      <Text style={styles.centerText}>HOME</Text>
      <Button
        title="Go to Movie."
        onPress={() => navigation.navigate('Movie')}
      />
    </View>
  );
};

const styles = StyleSheet.create({
  centerText: {
    textAlign: 'center',
  },
});

export default Home;

movie.js，

import {StyleSheet, View, Text} from 'react-native';
import {useNavigation} from '@react-navigation/native';

import {Button} from '@rneui/themed';

const Movie = () => {
  const navigation = useNavigation();
  console.log(navigation.getState());
  return (
    <View>
      <Text style={styles.centerText}>MOVIE</Text>
      <Button
        title="Go to Home. "
        onPress={() => navigation.navigate('Home')}
      />
    </View>
  );
};

const styles = StyleSheet.create({
  centerText: {
    textAlign: 'center',
  },
});

export default Movie;

它是操作状态的视频。