Expo Router使用Link时无法侧滑返回?是否为设计默认?
Expo Router Link导航后侧滑返回失效问题解决
这不是Expo Router的设计本意,侧滑返回是移动端原生导航的标准手势,Expo Router完全支持该功能,出现失效通常是因为未启用**原生栈导航器(Native Stack Navigator)**导致的。
解决步骤:
- 安装原生栈依赖
npx expo install @react-navigation/native-stack - 配置根路由为NativeStack
在app/_layout.tsx中添加如下配置(无该文件则新建):import { Stack } from "expo-router"; export default function RootLayout() { return ( <Stack> <Stack.Screen name="index" options={{ title: "首页" }} /> <Stack.Screen name="two" options={{ title: "第二页" }} /> </Stack> ); } - 保持
Link组件的原有使用方式即可
完成配置后,从index页面通过Link导航到two页面,左滑返回的原生手势就能正常工作了。
如果你的应用使用了Tabs导航,需要在单个Tab的子路由_layout.tsx中单独配置NativeStack,才能让该Tab下的页面支持侧滑返回(Tab之间的切换本身不支持侧滑,这是Tabs组件的设计特性)。
内容的提问来源于stack exchange,提问作者n8o
相关产品推荐
相关产品推荐

