Expo-Router 选项卡导航器，缺少页面转换和缺少后退按钮

Question

在我使用

expo-router

的 Expo 应用程序中，应该有 3 个屏幕：

• Home

• Settings

• User

和 2 个标签

• Home

• Settings

这是我当前的文件结构

app
├── (main)
│   ├── _layout.js
│   ├── home.js
│   ├── settings.js
│   └── user.js

我可以在

_layout.js

中配置选项卡导航器以仅显示 2 个必需的选项卡。

Settings

屏幕中有一个按钮，可将您带到带有

User

的

router.push('/user')

屏幕。

问题：

1. 点击此按钮后，

   User

   画面从屏幕右侧滑入，没有滑动页面转换/动画

2. User

   屏幕的标题上没有后退按钮，可让您返回上一个屏幕

   Settings

   .

如何配置导航器/布局来实现这一点？

谢谢

layout.js

import { Tabs, useRouter } from "expo-router";
import { SafeAreaProvider } from "react-native-safe-area-context";

export default function Layout() {

  const router = useRouter();

  return (
    <SafeAreaProvider>
      <Tabs>
        <Tabs.Screen
          name="home"
          options={{ headerShown: false }}
        />

        <Tabs.Screen
          name="settings"
          options={{ title: "Settings" }}
        />

        <Tabs.Screen
          name="user"
          options={{
            title: "User",
            href: null,
            tabBarStyle: { display: "none" },
          }}
        />
      </Tabs>
    </SafeAreaProvider>
  );
}