react-native-bottom-navigation icon indicating copy to clipboard operation
react-native-bottom-navigation copied to clipboard

BNTouchableView was not found in the UIManager

Open nnnnnoel opened this issue 7 years ago • 0 comments

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

nnnnnoel avatar Nov 23 '18 11:11 nnnnnoel