Expo Custom Dev Client

[programmazionetds]

1. SDK Version: 42
2. Platforms(Android/iOS/web/all): Android and iOS (web not tested)

No way of making react navigation work for me so fare.
Keep getting the error requireNativeComponent: “RNCSafeAreaProvider” was not found in the UIManager.
This with a Custom Expo Client.
Same code with Expo Go works perfectly.

Can anyone help?

I’ve lost too much time on this.

Thanks.

[wodin]

Hi @programmazionetds

It looks like you missed a step during installation. The instructions here say to install react-native-safe-area-context:

expo install react-native-screens react-native-safe-area-context

Expo Go includes a bunch of native dependencies by default. (Everything needed by the Expo SDK). If you’re building a custom dev client you’ll need to make sure that any native dependencies you need are specified in your package.json (or are automatically installed because another of your dependencies depends on it.)

Installing React Navigation does not automatically install react-native-safe-area-context, so you need to install it manually as per the installation instructions.

[programmazionetds]

I did that.
Here’s my package.json
{
“main”: “node_modules/expo/AppEntry.js”,
“scripts”: {
“start”: “expo start”,
“android”: “expo start --android”,
“ios”: “expo start --ios”,
“web”: “expo start --web”,
“eject”: “expo eject”
},
“dependencies”: {
“@config-plugins/react-native-ble-plx”: “^0.0.1”,
“@react-native-community/masked-view”: “0.1.10”,
“@react-navigation/native”: “^6.0.2”,
“@react-navigation/native-stack”: “^6.1.0”,
“expo”: “~42.0.1”,
“expo-dev-client”: “^0.5.1”,
“expo-status-bar”: “~1.0.4”,
“react”: “16.13.1”,
“react-dom”: “16.13.1”,
“react-native”: “https://github.com/expo/react-native/archive/sdk-42.0.0.tar.gz”,
“react-native-ble-plx”: “^2.0.2”,
“react-native-gesture-handler”: “~1.10.2”,
“react-native-safe-area-context”: “3.2.0”,
“react-native-safe-area-view”: “^1.1.1”,
“react-native-screens”: “~3.4.0”,
“react-native-web”: “~0.13.12”,
“react-navigation”: “^4.4.4”,
“react-navigation-stack”: “^2.10.4”
},
“devDependencies”: {
“@babel/core”: “~7.9.0”
},
“private”: true
}

[wodin]

@programmazionetds

    "@react-navigation/native": "^6.0.2",
    "@react-navigation/native-stack": "^6.1.0",
[...]
    "react-navigation": "^4.4.4",
    "react-navigation-stack": "^2.10.4"

hmmm… it looks like you’ve got a mixture of old and new versions of React Navigation installed. Try uninstalling react-navigation and react-navigation-stack. Maybe also react-native-safe-area-view.