React Native Stack Navigation Modal 不滑动

Question

我是 React Native 的新手，我正在尝试导航到我的其中一个屏幕。我希望屏幕以模式打开。显然，您应该将 screenOptions={{ presentation: 'modal'}} 应用于 Stack.Navigator。屏幕正在打开但不是模态，即它不会从底部滑动到顶部，也不像模态那样起作用。它只是打开默认方式。我在下面添加了我的导航器代码。我也在嵌套导航器？嵌套可能是问题所在吗？

import React from 'react';
import { createNativeStackNavigator } from "@react-navigation/native-stack";

import ListingsScreen from '../screens/ListingsScreen';
import ListingDetailsScreen from '../screens/ListingDetailsScreen';

const Stack = createNativeStackNavigator()
const FeedNavigator = () => (
  <Stack.Navigator screenOptions={{ presentation: 'modal' }}>
    <Stack.Screen name="Listings" component={ListingsScreen} />
    <Stack.Screen name="Listing Details" component={ListingDetailsScreen} options={{ headerShown: false }} />
  </Stack.Navigator>
)

export default FeedNavigator;

Answer 1

我解决了我的问题。

我正在使用

import { createNativeStackNavigator } from "@react-navigation/native-stack";

我改成了

import { createStackNavigator } from "@react-navigation/stack";

我不知道为什么它适用于 createStackNavigator 而不是 createNativeStackNavigator。

我不会去质疑的，事情太多，时间太少

React Native Stack Navigation Modal 不滑动

React Native Stack Navigation Modal Not Sliding

react-native

react-navigation