You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Expo Router使用Link时无法侧滑返回?是否为设计默认?

Expo Router Link导航后侧滑返回失效问题解决

这不是Expo Router的设计本意,侧滑返回是移动端原生导航的标准手势,Expo Router完全支持该功能,出现失效通常是因为未启用**原生栈导航器(Native Stack Navigator)**导致的。

解决步骤:

  1. 安装原生栈依赖
    npx expo install @react-navigation/native-stack
    
  2. 配置根路由为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>
      );
    }
    
  3. 保持Link组件的原有使用方式即可

完成配置后,从index页面通过Link导航到two页面,左滑返回的原生手势就能正常工作了。

如果你的应用使用了Tabs导航,需要在单个Tab的子路由_layout.tsx中单独配置NativeStack,才能让该Tab下的页面支持侧滑返回(Tab之间的切换本身不支持侧滑,这是Tabs组件的设计特性)。

内容的提问来源于stack exchange,提问作者n8o

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.23 23:30:58