Código a continuación
SyntaxError: /Users/suspect/Desktop/Dev/chatApp/Messenger/navigation/index.tsx: No esperaba una anotación de tipo aquí. (31:50)
29 | función RootNavigator() { 30 | devolver (
31 | <Stack.Navigator screenOptions={(headerMostrado: falso)} > | ^ 32 | <Stack.Screen name="ChatRoom" component={ChatRoomScreen} options={{ headerShown: true}} /> 33 | <Stack.Screen name="Root" componente={BottomTabNavigator} /> 34 | <Stack.Screen name="NotFound" component={NotFoundScreen} options={{ title: '¡Vaya!' }} />
ABI44_0_0RCTFatal __37-[ABI44_0_0RCTCxxBridge handleError:]_block_invoke _dispatch_call_block_and_release _dispatch_client_callout _dispatch_main_queue_callback_4CF CFRUNLOOP_IS_SERVICING_THE_MAIN_DISPATCH_QUEUE __CFRunLoopRun CFRunLoopRunSpecific GSEventRunModal -[UIApplication _run] UIApplicationMain main start_sim 0x0
Estoy trabajando en una aplicación de mensajería, mientras creo la función RootNavigator, sigo recibiendo un error de anotación de tipo y no puedo compilar. Intenté depurar y no tuve suerte :(
import { createStackNavigator } from '@react-navigation/stack'; import * as React from 'react'; import { ColorSchemeName } from 'react-native'; import NotFoundScreen from '../screens/NotFoundScreen'; import { RootStackParamList } from '../types'; import LinkingConfiguration from './LinkingConfiguration'; import ChatRoomScreen from '../screens/ChatRoomScreen'; export default function Navigation({ colorScheme, }: { colorScheme: ColorSchemeName;}) { return ( <NavigationContainer linking={LinkingConfiguration} theme={colorScheme === 'dark' ? DarkTheme : DefaultTheme} > <RootNavigator /> </NavigationContainer> ); } const Stack = createStackNavigator<RootStackParamList>(); function RootNavigator() { return ( <Stack.Navigator screenOptions={( headerShown : false)} > <Stack.Screen name="ChatRoom" component={ChatRoomScreen} options={{ headerShown: true}} /> <Stack.Screen name="Root" component={BottomTabNavigator} /> <Stack.Screen name="NotFound" component={NotFoundScreen} options={{ title: 'Oops!' }} /> </Stack.Navigator> ); }```