React Native Navigation：无法点击导航

如何解决React Native Navigation：无法点击导航

我正在尝试使用反应导航。但是当我点击按钮进行导航时，没有任何反应。我是 React Native 的新手。

App.js：

function App() {
  const Stack = createStackNavigator();


  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen name="Home" component={HomeScreen} />
        <Stack.Screen name="Details" component={DetailsScreen} />
      </Stack.Navigator>
    </NavigationContainer>
  );
}

HomeScreen.js

  function HomeScreen({ navigation }) {
    return (
      <View style={{ flex: 1,alignItems: 'center',justifyContent: 'center' }}>
        <Text>HomeScreen Screen</Text>
        <Button
          title="Go to Detail"
          onPress={() => navigation.navigate('Details')}
        />
      </View>
    );
  }

DetailScreen.js：

function DetailsScreen() {
  return (
    <View style={{ flex: 1,justifyContent: 'center' }}>
      <Text>Details Screen</Text>
    </View>
  );
}

当我点击“转到详细信息”时什么也没发生

可能是什么问题？

编辑： 我认为问题可能出在模拟器上，也许我没有正确“点击”按钮