尝试设置选项卡导航器时出错

Question

我目前收到错误"屏幕"主页"的"组件"道具值无效。它必须是有效的 React 组件。我正在尝试将选项卡导航器链接到一系列不同的屏幕。 请参阅下面的代码，并提前表示感谢。我显然是初学者哈哈

import React from 'react';
import {
SafeAreaView,
StyleSheet,
ScrollView,
View,
Text,
StatusBar,
} from 'react-native';
import {NavigationContainer} from '@react-navigation/native';
import {createBottomTabNavigator} from '@react-navigation/bottom-tabs'
import { create } from 'react-test-renderer';
import Home from './Screen/Home'
import Future from './Screen/Future'
const Tabs=createBottomTabNavigator();
export default function App (){
return (
<NavigationContainer>
<Tabs.Navigator>
<Tabs.Screen name='Home' component={Home} />
<Tabs.Screen name='Future' component={Future} />
</Tabs.Navigator>

</NavigationContainer>

);
}
const Home= ()=>{
return(
<View>
<Text>HOME NAV</Text>
</View>
)
}
const Future= ()=>{
return(
<View>
<Text>Future</Text>
</View>
)
}

Answer 1

您的函数名称是主屏幕，但您在选项卡导航中使用主页作为组件。请检查一下，让我知道它是否摇晃

Answer 2

更改

const HomeScreen= ()=>{...}

自

const Home= ()=>{...}