抽屉导航项

Question

我正在为博览会中的一个应用程序实现抽屉导航，但我发现在实现它时会列出抽屉内的所有屏幕和组件，即使只放置一个屏幕也是如此。附上代码。

// Expo
import { Stack } from 'expo-router';
import { GestureHandlerRootView } from 'react-native-gesture-handler';
import { Drawer } from 'expo-router/drawer';

// React-native
import { Button, View, Image } from 'react-native';

// Views
import MainHome from './homeScreen';

// Images && Icons
const selfie = require('../assets/man.avif');

const RootLayout = () => {
  return(
    <GestureHandlerRootView style={{ flex: 1 }}>
      <Drawer>
        <Drawer.Screen 
        name="homeScreen"
        options={{title: 'Reportes Cercanos'}}
        />
      </Drawer>
    </GestureHandlerRootView>

  )
}

export default RootLayout;

项目结构是基本的，如下所示。

Answer 1

已解决： 所做的是将 _layout.tsx 放入（私有）组中，这是我希望在抽屉中看到的视图。

(private)
 _layout.tsx
 homeScreen.tsx
 ...