BNTouchableView was not found in the UIManager #3
Description
Error Message
Invariant Violation: Invariant Violation: requireNativeComponent: "BNTouchableView" was not found in the UIManager.
This error is located at:
in BNTouchableView (at NativeTouchable.js:74)
in NativeTouchable (at Ripple.js:218)
in Ripple (at BottomTabBar.js:420)
in RCTView (at View.js:45)
in RCTView (at View.js:45)
in BottomTabBar (at react-native-bottom-navigation/index.js:280)
in RCTView (at View.js:45)
in AnimatedComponent (at react-native-bottom-navigation/index.js:267)
in RCTView (at View.js:45)
in AnimatedComponent (at react-native-bottom-navigation/index.js:232)
in BottomNavigation (at HomeScreen.js:99)
in RCTView (at View.js:45)
in HomeScreen (at SceneView.js:9)
in SceneView (at StackViewLayout.js:763)
in RCTView (at View.js:45)
in RCTView (at View.js:45)
in RCTView (at View.js:45)
in AnimatedComponent (at StackViewCard.js:65)
in RCTView (at View.js:45)
in AnimatedComponent (at screens.native.js:58)
in Screen (at StackViewCard.js:53)
in Card (at createPointerEventsContainer.js:27)
in Container (at StackViewLayout.js:831)
in RCTView (at View.js:45)
in ScreenContainer (at StackViewLayout.js:300)
in RCTView (at View.js:45)
in AnimatedComponent (at StackViewLayout.js:298)
in Handler (at StackViewLayout.js:279)
in StackViewLayout (at withOrientation.js:30)
in withOrientation (at StackView.js:96)
in RCTView (at View.js:45)
in Transitioner (at StackView.js:22)
in StackView (at createNavigator.js:62)
in Navigator (at createKeyboardAwareNavigator.js:12)
in KeyboardAwareNavigator (at createAppContainer.js:388)
in NavigationContainer (at renderApplication.js:34)
in RCTView (at View.js:45)
in _class (at react-native-general-siblings/index.js:64)
in RCTView (at View.js:45)
in RootSiblingsWrapper (at AppContainer.js:112)
in RCTView (at View.js:45)
in AppContainer (at renderApplication.js:33)
This error is located at:
in NavigationContainer (at renderApplication.js:34)
in RCTView (at View.js:45)
in _class (at react-native-general-siblings/index.js:64)
in RCTView (at View.js:45)
in RootSiblingsWrapper (at AppContainer.js:112)
in RCTView (at View.js:45)
in AppContainer (at renderApplication.js:33)
getNativeComponentAttributes
D:\TwoBab\node_modules\react-native\Libraries\ReactNative\getNativeComponentAttributes.js:29:4
D:\TwoBab\node_modules\react-native\Libraries\ReactNative\requireNativeComponent.js:26:33
get
D:\TwoBab\node_modules\react-native\Libraries\Renderer\shims\ReactNativeViewConfigRegistry.js:104:25
createInstance
D:\TwoBab\node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:3955:53
completeWork
D:\TwoBab\node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:13218:12
completeUnitOfWork
D:\TwoBab\node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:15670:10
performUnitOfWork
D:\TwoBab\node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:15880:30
workLoop
D:\TwoBab\node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:15892:41
renderRoot
D:\TwoBab\node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:15996:15
performWorkOnRoot
D:\TwoBab\node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:16976:17
performWork
D:\TwoBab\node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:16877:24
performSyncWork
D:\TwoBab\node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:16838:14
requestWork
D:\TwoBab\node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:16703:19
scheduleWork
D:\TwoBab\node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:16504:16
scheduleRootUpdate
D:\TwoBab\node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:17191:15
updateContainerAtExpirationTime
D:\TwoBab\node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:17225:28
updateContainer
D:\TwoBab\node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:17315:4
render
D:\TwoBab\node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:17971:20
renderApplication
D:\TwoBab\node_modules\react-native\Libraries\ReactNative\renderApplication.js:59:34
run
D:\TwoBab\node_modules\react-native\Libraries\ReactNative\AppRegistry.js:101:10
runApplication
D:\TwoBab\node_modules\react-native\Libraries\ReactNative\AppRegistry.js:195:26
__callFunction
D:\TwoBab\node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:349:47
D:\TwoBab\node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:106:26
__guard
D:\TwoBab\node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:297:10
callFunctionReturnFlushedQueue
D:\TwoBab\node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:105:17
package.json
{
"name": "TwoBab",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start",
"test": "jest"
},
"dependencies": {
"express": "^4.16.4",
"metro-react-native-babel-preset": "^0.49.2",
"native-base": "^2.8.1",
"npm": "^6.4.1",
"react": "16.6.1",
"react-native": "0.57.5",
"react-native-bottom-navigation": "^0.7.6",
"react-native-check-box": "^2.1.6",
"react-native-gesture-handler": "^1.0.9",
"react-native-image-slider": "^2.0.3",
"react-native-material-dropdown": "^0.11.1",
"react-native-popup-dialog": "^0.16.4",
"react-native-tabbar-bottom": "^1.0.4",
"react-navigation": "^3.0.0"
},
"devDependencies": {
"babel-jest": "23.6.0",
"jest": "23.6.0"
},
"jest": {
"preset": "react-native"
}
}
Code
import BottomNavigation from 'react-native-bottom-navigation'; <BottomNavigation activeColor="#FFB300" inActiveColor="#FFF"> <View style={styles.image} tabLabel="프로필" tabIcon={this.state.imageProfile} /> <View style={styles.image} tabLabel="홈" tabIcon={this.state.imageHome} /> <View style={styles.image} tabLabel="설정" tabIcon={this.state.imageSetting} /> </BottomNavigation>
Question
I can`t found and solve this Error. Help me