Ошибка при попытке настроить Tab Navigator

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

изменить

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

на

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

Answer 2

Имя вашей функции - HomeScreen, но вы используете Home как компонент в навигации по вкладкам. Пожалуйста, проверьте его и дайте мне знать, работает ли он