布局子项必须是 Screen 类型，所有其他子项都将被忽略，警告。我该如何解决这个问题？

Question

我正在尝试使用 Expo 和 React Native 制作一个移动应用程序。我有两种不同的布局，其中一种用于堆栈路由，另一种用于选项卡。但我不断收到警告说，

布局子项必须是 Screen 类型，所有其他子项都将被忽略。要使用自定义子项，请创建自定义 .更新布局路线：“app/screens/(tabs)/_layout”

这些是我的文件

文件

这是主要布局路线

import { Stack } from "expo-router";
import Login from "./../components/Login";

export default function RootLayout() {
  return (
    <Stack screenOptions={{
      headerShown: false
    }}>
     <Stack.Screen name="(tabs)" /> 
    </Stack>
  );
}

这是选项卡布局。

import { StyleSheet, Text, View } from 'react-native'
import React from 'react'
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs'
import BookCategories from './BookCategories'
import ProfilePage from './ProfilePage'
import Search from './Search'



export default function TabsLayout() {
  const Tab = createBottomTabNavigator();
  return (
    <Tabs screenOptions={{headerShown:false}}>
      <Tab.Screen name="Search" component={Search} options={{
        title: 'Search1'
      }} />
      <Tab.Screen name="Book Categories" component={BookCategories} />
      <Tab.Screen name="Profile Page" component={ProfilePage} />
    </Tabs>
  );
}

const styles = StyleSheet.create({})

我希望得到一些帮助，我是世博会的新手

我正在尝试使用 expo 构建一个移动应用程序。我正在尝试制作选项卡布局

Answer 1

发布此后我发现了问题。这是因为我写的是tab而不是tabs。因此，如果其他人遇到这个问题，请检查一下。