我有一个功能抽屉导航器,它包含一个堆栈导航器,如下所示:
function DrawerNavigator() {
return (
<Drawer.Navigator>
<Drawer.Screen
name="Categories"
component={CategoriesScreen}
... />
),
}}
/>
<Drawer.Screen
...
</Drawer.Navigator>
);
}
...
return (
<>
...
<NavigationContainer onReady={onLayoutRootView}>
...
<Stack.Screen
name="MealCategories"
component={DrawerNavigator}
options={{ headerShown: false }}
/>
而在"收藏夹"屏幕,这是在抽屉导航器下注册,当试图导航到"类别"页面,这是在堆栈导航器下注册(但指向使用抽屉导航器)使用navigation.navigate()
,没有导航动画。
const buttonPressHandler = () => {
navigation.navigate("Categories");
};
是的,似乎抽屉导航器不支持屏幕动画。所以当使用抽屉进行导航时,一切看起来都很棒。但是如果在页面链接或操作中导航,屏幕之间没有导航动画。我已经找了几个小时了,我认为它根本没有实现。