Hej, piszę w React Native prostą aplikację: przełączanie się między dwoma ekranami. Ale nawet w prostej aplikacji dostaję błąd "No ViewManager found for class RNCSafeAreaProvider". Wszystkie konieczne do nawigacji pakiety mam zainstalowane (@react-navigation/native, react-native-screens, react-native-safe-area-context). Aplikację testuję na fizycznym urządzeniu na Androidzie.
import { NavigationContainer } from "@react-navigation/native";
import { createNativeStackNavigator } from "@react-navigation/native-stack";
import { SafeAreaProvider } from "react-native-safe-area-context";
const Stack= createNativeStackNavigator();
function HomeScreen({ navigation }) {
return (
<View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
<Text>Home Screen</Text>
<Button
title="Go to Details"
onPress={() => navigation.navigate('Details')}
/>
</View>
);
}
function DetailsScreen() {
return (
<View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
<Text>Details Screen</Text>
<Button
title="Go to Home"
onPress={() => navigation.navigate('Home')}
/>
</View>
);
}
export default function App() {
return (
<SafeAreaProvider>
<NavigationContainer>
<Stack.Navigator>
<Stack.Screen name="Home" component={HomeScreen} />
<Stack.Screen name="Details" component={DetailsScreen} />
</Stack.Navigator>
</NavigationContainer>
</SafeAreaProvider>
);
}
Aplikacje bez nawigatora ("Hello world" czy coś takiego) działają. Problem pojawia się gdy używam nawigacji,
Próbowałem zwykłego restartu komputera i telefonu, utworzenia nowego projektu, w którym znowu napisałem taki sam kod, przeinstalować pakiety wymagane do nawigacji. Ciągle ten sam problem.