如何在Expo Router中同时使用抽屉菜单和底部选项卡菜单?

问题描述 投票:0回答:1

我是 React Native 的新手。我正在开发一个 Expo 项目,其中的文件结构如下: File Structure Image

在 (drawer)/_layout.js 中,我已使用 Expo Router 成功将(选项卡)中的“主页”菜单添加到抽屉菜单,如下所示:

import { Drawer } from "expo-router/drawer";

export default function DrawerLayout() {
    return (
        <Drawer screenOptions={{ headerShown: false, drawerPosition: "right" }}>
            <Drawer.Screen 
                name="(tabs)"
                options={{
                    drawerLabel: "Home",
                    title: "Home"
                }}
            />
        </Drawer>
    );
}

现在,我想将(选项卡)中的“最新”和“显示”菜单添加到抽屉菜单中。如何在 (drawer)/_layout.js 中实现此目的?我需要对代码进行哪些更改?此外,我在 (tabs)/_layout.js 中使用选项卡导航,

任何帮助或指导将不胜感激。谢谢!

我尝试通过(选项卡)/最新、(选项卡)/显示添加抽屉、屏幕,但它不起作用。

react-native expo react-native-navigation expo-router
1个回答
0
投票

你能成功吗?我想我现在面临着同样的问题

© www.soinside.com 2019 - 2024. All rights reserved.