InvariantViolation: "ToolbarAndroid" was not found in the UIManeger

[ddvargas]

Problem

InvariantViolation: requireNativeComponent: "ToolbarAndroid" was not found in the UIManager

I followed the steps of the installation tutorial and the implementation tutorial, but when running on the android application the following stack appears:

InvariantViolation: requireNativeComponent: "ToolbarAndroid" was not found in the UIManager.

This error is located at:
   in ToolbarAndroid (at ToobarAndroid.android.js:228)
   in ToolbarAndroid (at ToobarAndroid.android.js:242)
   in FowardRef (at Main.js:9)
   in Main (created by SceneView)
   in SceneView (created by Drawer)
   in RCTView (created by ResourceSavingScene)
   ...

I'm using:

• Expo 37.0.3 (SDK37)
• React Native: 0.61.4
• React Navigation: 4.3.9
• App Expo Client version: 2.15.4

[AhmedAbuelenin]

same error here

• Expo 37.0.3 (SDK37)
• React Native: 0.61.4
• React Navigation: 4.4.0
• App Expo Client version: 3.21.9

I tried on a new project with react-native: 0.62.2 -- still the same thing.

[connectdotz]

do you have a sample project I can take a look?

[ddvargas]

Follow the package.json file:

{
"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": {
"@react-navigation/drawer": "^5.8.0",
"expo": "~37.0.3",
"react": "~16.9.0",
"react-dom": "~16.9.0",
"react-native": "https://github.com/expo/react-native/archive/sdk-37.0.1.tar.gz",
"react-native-gesture-handler": "~1.6.0",
"react-native-reanimated": "~1.7.0",
"react-native-safe-area-context": "0.7.3",
"react-native-screens": "~2.2.0",
"react-native-web": "~0.11.7",
"react-navigation": "^4.3.9",
"react-navigation-drawer": "^2.4.13"
},
"devDependencies": {
"@babel/core": "^7.8.6",
"babel-preset-expo": "~8.1.0"
},
"private": true
}

and one screen where call the Toolbar

import React from 'react';
import { View, Text, StyleSheet } from 'react-native';

function Main({ navigator }){
return(
<>


Hello from main

</>
);
}

const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
alignItems: 'center',
justifyContent: 'center',
},
});

export default Main;

[Guguskis]

Did you ever find out what's going on? I get the same exception

[GSolari79]

Did you find what was causing the issue? I get the same error

[Guguskis]

Not me :(

[ddvargas]

Not yet... :(

[connectdotz]

Hi,

This might be obvious, but just in case you are not aware, ToolbarAndroid is no longer bundled with react-native. To use it you will have to add it manually, see Getting started.

I created an expo example using expo minimal template with ToolbarAndroid without any problem (expo: 39.0.2, react-native: 0.63.3). Feel free to take a look.

(Note I have seen weird errors when the android simulator encounters some runtime error prior, so make sure you terminate prior expo app processes before launch yarn android.)

@ddvargas in your snippet I don't see any reference to ToolbarAndroid or this package, not sure how to proceed. Please take a look at the example above and see if you can spot any difference...