React Native: "BlurView" was not found in the UIManager - react-native

I am getting the below error when trying to implement #react-native-community/blur (https://github.com/Kureev/react-native-blur).
I've tried downgrading from 4.3.0 to 4.2.0 and then 4.1.0 with no success.
Is there a file potentially missing from the node_modules I can just add?
Or is there another library you would recommend using which is compatible with React Native and EXPO
ERROR Invariant Violation: requireNativeComponent: "BlurView" was not found in the UIManager.
This error is located at:
in BlurView
in Unknown (created by Post)
in RCTView (created by View)
in View
in NativeWind.View
in Unknown (created by Post)
in RCTView (created by View)
in View
in NativeWind.View
in Unknown (created by Post)
in Post (created by HomeScreen)
in RCTView (created by View)
in View (created by ScrollView)
in RCTScrollView (created by ScrollView)
in ScrollView (created by ScrollView)
in ScrollView
in NativeWind.ScrollView
in Unknown (created by HomeScreen)
in RCTView (created by View)
in View
in NativeWind.View
in Unknown (created by HomeScreen)
in HomeScreen (created by SceneView)
in StaticContainer
in EnsureSingleNavigator (created by SceneView)
in SceneView (created by BottomTabView)
in RCTView (created by View)
in View (created by Screen)
in RCTView (created by View)
in View (created by Background)
in Background (created by Screen)
in Screen (created by BottomTabView)
in RNSScreen (created by AnimatedComponent)
in AnimatedComponent
in AnimatedComponentWrapper (created by InnerScreen)
in Suspender (created by Freeze)
in Suspense (created by Freeze)
in Freeze (created by DelayedFreeze)
in DelayedFreeze (created by InnerScreen)
in InnerScreen (created by Screen)
in Screen (created by MaybeScreen)
in MaybeScreen (created by BottomTabView)
in RNSScreenContainer (created by ScreenContainer)
in ScreenContainer (created by MaybeScreenContainer)
in MaybeScreenContainer (created by BottomTabView)
in RCTView (created by View)
in View (created by SafeAreaInsetsContext)
in SafeAreaProviderCompat (created by BottomTabView)
in BottomTabView (created by BottomTabNavigator)
in PreventRemoveProvider (created by NavigationContent)
in NavigationContent
in Unknown (created by BottomTabNavigator)
in BottomTabNavigator (created by TabNavigator)
in TabNavigator (created by SceneView)
in StaticContainer
in EnsureSingleNavigator (created by SceneView)
in SceneView (created by SceneView)
in RCTView (created by View)
in View (created by DebugContainer)
in DebugContainer (created by MaybeNestedStack)
in MaybeNestedStack (created by SceneView)
in RCTView (created by View)
in View (created by SceneView)
in RNSScreen (created by AnimatedComponent)
in AnimatedComponent
in AnimatedComponentWrapper (created by InnerScreen)
in Suspender (created by Freeze)
in Suspense (created by Freeze)
in Freeze (created by DelayedFreeze)
in DelayedFreeze (created by InnerScreen)
in InnerScreen (created by Screen)
in Screen (created by SceneView)
in SceneView (created by NativeStackViewInner)
in Suspender (created by Freeze)
in Suspense (created by Freeze)
in Freeze (created by DelayedFreeze)
in DelayedFreeze (created by ScreenStack)
in RNSScreenStack (created by ScreenStack)
in ScreenStack (created by NativeStackViewInner)
in NativeStackViewInner (created by NativeStackView)
in RNCSafeAreaProvider (created by SafeAreaProvider)
in SafeAreaProvider (created by SafeAreaInsetsContext)
in SafeAreaProviderCompat (created by NativeStackView)
in NativeStackView (created by NativeStackNavigator)
in PreventRemoveProvider (created by NavigationContent)
in NavigationContent
in Unknown (created by NativeStackNavigator)
in NativeStackNavigator (created by RootNavigator)
in RootNavigator (created by App)
in RCTView (created by View)
in View (created by App)
in EnsureSingleNavigator
in BaseNavigationContainer
in ThemeProvider
in NavigationContainerInner (created by App)
in App (created by withDevTools(App))
in withDevTools(App)
in RCTView (created by View)
in View (created by AppContainer)
in RCTView (created by View)
in View (created by AppContainer)
in AppContainer
in main(RootComponent)

Try to delete the ./node_modules, ./ios/Pods and re-install it all again
If your Mac's running Apple Silicon chip, use the folling command instead of just pod install:
arch -x86_64 pod install
In case after multiple attemps but it still doesn't work, I suggest using another way to make blurry UI with #shopify/react-native-skia. My project also ultilises this package in creating blurView.
Hopefully my answer might help you.

Related

How Can I Fix This "react-native-gesture-handler" error?

Invariant Violation: requireNativeComponent: "RNGestureHandlerRootView" was not found in the UIManager.
This error is located at:
in RNGestureHandlerRootView (created by GestureHandlerRootView)
in GestureHandlerRootView (created by StackView)
in StackView (created by StackNavigator)
in Unknown (created by StackNavigator)
in StackNavigator (created by Browser)
in EnsureSingleNavigator
in BaseNavigationContainer
in ThemeProvider
in NavigationContainerInner (created by Browser)
in Browser (created by Home)
in RCTView (created by View)
in View (created by Home)
in Home (created by Manager)
in Manager (created by App)
in RCTView (created by View)
in View
in SafeAreaView (created by App)
in Provider (created by App)
in App (created by ExpoRoot)
in ExpoRoot
in RCTView (created by View)
in View (created by AppContainer)
in RCTView (created by View)
in View (created by AppContainer)
in AppContainer
I Already Tried These Options:
1/import "react-native-gesture-handler"; both in App.js or AppEntry.js
2/Deleted the node_modules folder an run npm i
Please I am stuck here!

Render Error requireNativeComponent: "RNGestureHandlerRootView" was not found in the UIManager

Help me to fix this error.
Render Error
requireNativeComponent: "RNGestureHandlerRootView" was not found in the UIManager.
Invariant Violation: requireNativeComponent: "RNGestureHandlerRootView" was not found in the UIManager.
This error is located at:in RNGestureHandlerRootView (created by GestureHandlerRootView)in GestureHandlerRootView (created by DrawerView)in RCTView (created by View)in View in SafeAreaProviderCompat (created by DrawerView)in DrawerView (created by DrawerNavigator)in Unknown (created by DrawerNavigator)in DrawerNavigator (created by DrawerNavigator)in DrawerNavigator (created by SceneView)in StaticContainerin EnsureSingleNavigator (created by SceneView)in SceneView (created by SceneView)in RCTView (created by View)in View (created by DebugContainer)in DebugContainer (created by MaybeNestedStack)in MaybeNestedStack (created by SceneView)in RNSScreen (created by AnimatedComponent)in AnimatedComponent in AnimatedComponentWrapper (created by Screen)in MaybeFreeze (created by Screen)in Screen (created by SceneView)in SceneView (created by NativeStackViewInner)in RNSScreenStack (created by ScreenStack)in ScreenStack (created by NativeStackViewInner)in NativeStackViewInner (created by NativeStackView)in RNCSafeAreaProvider (created by SafeAreaProvider)in SafeAreaProvider in SafeAreaProviderCompat (created by NativeStackView)in NativeStackView (created by NativeStackNavigator)in Unknown (created by NativeStackNavigator)in NativeStackNavigator (created by AuthStack)in AuthStack (created by App)in EnsureSingleNavigator in BaseNavigationContainer in ThemeProviderin NavigationContainerInner (created by App)in App (created by ExpoRoot) in ExpoRoot in RCTView (created by View)in View (created by AppContainer) in RCTView (created by View)in View (created by AppContainer)in AppContainer
This error occurs when I try to add a Drawer Navigator to the android application that I am implementing using React-Native.
I run npm install --save react-native-gesture-handler and add import "react-native-gesture-handler"; on top of my root file. But the same error occurs.
Versions:
"react-native": "0.64.3",
"react-native-gesture-handler": "^2.3.2",
"react-navigation-drawer": "^2.7.2",
"react-native-reanimated": "^2.4.1",
Maybe you forgot to wrap your app in this:
export default function App() {
return (
<GestureHandlerRootView>
{/* content */}
</GestureHandlerRootView>;
)
}
Friendly reminder to always read installation docs. I feel like you didn't do that but I am sorry if I am wrong.
Here is the link to the react-native-gesture-handler installation doc:
https://docs.swmansion.com/react-native-gesture-handler/docs/installation
In case you installed and follow all steps about drawer navigation and keep coming out the same, so you have to rebuild the app with npx react-native run-android -- --reset-cache just in case uninstall the app.

Trying to Pass sharedValue as initalParams get no default value error

I have a sharedValue in my navigator and I would like to pass it to each screen, so every screen has access to the sharedValue and can see when it changes. However when I try to pass it as an initialParam in my TabNavigator it errors out saying "no default value". I'm also open to a better way to pass an animated value to children, I tried using react context but that didn't work.
const test = useSharedValue(12)
<Tabs.Screen
name="Home"
component={Home}
initialParams={{test:test}}
/>
TypeError: No default value
This error is located at:
in BottomTabBar (created by SafeAreaInsetsContext)
in RCTView (created by View)
in View (created by SafeAreaInsetsContext)
in SafeAreaProviderCompat (created by BottomTabView)
in BottomTabView (created by BottomTabNavigator)
in Unknown (created by BottomTabNavigator)
in BottomTabNavigator (created by TabsNavigator)
in TabsNavigator (created by SceneView)
in StaticContainer
in EnsureSingleNavigator (created by SceneView)
in SceneView (created by CardContainer)
in RCTView (created by View)
in View (created by CardContainer)
in RCTView (created by View)
in View (created by CardContainer)
in RCTView (created by View)
in View
in CardSheet (created by Card)
in RCTView (created by View)
in View (created by AnimatedComponent)
in AnimatedComponent
in AnimatedComponentWrapper (created by PanGestureHandler)
in PanGestureHandler (created by PanGestureHandler)
in PanGestureHandler (created by Card)
in RCTView (created by View)
in View (created by AnimatedComponent)
in AnimatedComponent
in AnimatedComponentWrapper (created by Card)
in RCTView (created by View)
in View (created by Card)
in Card (created by CardContainer)
in CardContainer (created by CardStack)
in RNSScreen (created by AnimatedComponent)
in AnimatedComponent
in AnimatedComponentWrapper (created by Screen)
in MaybeFreeze (created by Screen)
in Screen (created by MaybeScreen)
in MaybeScreen (created by CardStack)
in RNSScreenContainer (created by ScreenContainer)
in ScreenContainer (created by MaybeScreenContainer)
in MaybeScreenContainer (created by CardStack)
in RCTView (created by View)
in View (created by Background)
in Background (created by CardStack)
in CardStack (created by HeaderShownContext)
in RNCSafeAreaProvider (created by SafeAreaProvider)
in SafeAreaProvider (created by SafeAreaInsetsContext)
in SafeAreaProviderCompat (created by StackView)
in RCTView (created by View)
in View (created by StackView)
in StackView (created by StackNavigator)
in Unknown (created by StackNavigator)
in StackNavigator (created by MainNavigator)
in MainNavigator (created by AppNavigator)
in EnsureSingleNavigator
in BaseNavigationContainer
in ThemeProvider
in NavigationContainerInner (created by AppNavigator)
in AppNavigator (created by App)
in PersistGate (created by App)
in Provider (created by App)
in App (created by ExpoRoot)
in ExpoRoot
in RCTView (created by View)
in View (created by AppContainer)
in DevAppContainer (created by AppContainer)
in RCTView (created by View)
in View (created by AppContainer)
in AppContainer

UI Kitten Select Exception

I basically copy/pasted the example from the documentation
<Select
selectedIndex={this.currLangIndex}
onSelect={(index) => {
this.currLangIndex = index;
}}>
<SelectItem title="Option1" />
<SelectItem title="Option2" />
</Select>
and I get the following error:
TypeError: undefined is not an object (evaluating 'props.getItem')
This error is located at:
in FlatList (created by List)
in List (created by Context.Consumer)
in Wrapper (created by List)
in List (created by Autocomplete)
in RCTView (at View.js:34)
in View (created by PopoverView)
in RCTView (at View.js:34)
in View (created by PopoverView)
in PopoverView (created by Context.Consumer)
in Wrapper (created by PopoverView)
in PopoverView
in Unknown
in RCTView (at View.js:34)
in View (created by ModalResolver)
in ModalResolver (created by ModalPanel)
in RCTView (at View.js:34)
in View (created by ModalPanel)
in ModalPanel (created by ApplicationProvider)
in ThemeProvider (created by StyleProvider)
in MappingProvider (created by StyleProvider)
in StyleProvider (created by ApplicationProvider)
in ApplicationProvider (at app.tsx:65)
in App (at renderApplication.js:45)
in RCTView (at View.js:34)
in View (at AppContainer.js:106)
in RCTView (at View.js:34)
in View (at AppContainer.js:132)
in AppContainer (at renderApplication.js:39)
I'm new to React Native and UI Kitten so any help is appreciated.
const [selectedIndex, setSelectedIndex] = useState(new IndexPath(0));
<Layout style={styles.container} level='1'>
<Select
selectedIndex={selectedIndex}
onSelect={index => setSelectedIndex(index)}>
<SelectItem title='Option 1'/>
<SelectItem title='Option 2'/>
<SelectItem title='Option 3'/>
</Select>
</Layout>
I got same problem , but it worked when wrapped it with Layout Comp. from UI Kitten, but now it is not showing any option when trying to select

ReferenceError: Can't find variable: Constants error in react-native app on android only in ios work fine

im facing an anoying issue with a react native code : running the app on expo app on ios work fine but on android it shows the following error ! im not sure where the issues is but the constants variable is imported as it should can you help me identify what generate the error :
ReferenceError: Can't find variable: Constants
This error is located at:
in Index (created by Connect(Index))
in Connect(Index) (created by SectionData)
in RCTView (created by Context.Consumer)
in RCTView (created by Context.Consumer)
in SectionData (created by ListingDetail)
in RCTView (created by Context.Consumer)
in RCTView (created by Context.Consumer)
in RCTScrollView (created by ScrollView)
in ScrollView (created by AnimatedComponent)
in AnimatedComponent (created by ListingDetail)
in RCTView (created by Context.Consumer)
in ListingDetail (created by Connect(ListingDetail))
in Connect(ListingDetail) (created by Index)
in RCTView (created by Context.Consumer)
in Handler (created by Index)
in Index (created by Connect(Index))
in Connect(Index) (created by PostDetailScreen)
in PostDetailScreen (created by withSafeArea)
in RCTView (created by Context.Consumer)
in AnimatedComponent (created by SafeView)
in SafeView (created by withOrientation)
in withOrientation (created by withSafeArea)
in withSafeArea (created by Connect(withSafeArea))
in Connect(withSafeArea) (created by SceneView)
in SceneView (created by TabNavigationView)
in RCTView (created by Context.Consumer)
in RCTView (created by Context.Consumer)
in ResourceSavingScene (created by TabNavigationView)
in RCTView (created by Context.Consumer)
in ScreenContainer (created by TabNavigationView)
in RCTView (created by Context.Consumer)
in TabNavigationView (created by NavigationView)
in NavigationView (created by Navigator)
in Navigator (created by NavigationContainer)
in NavigationContainer (created by RootRouter)
in RCTView (created by Context.Consumer)
in AndroidDrawerLayout (created by DrawerLayoutAndroid)
in DrawerLayoutAndroid (created by MenuAndroid)
in MenuAndroid (created by Connect(MenuAndroid))
in Connect(MenuAndroid) (created by RootRouter)
in RCTView (created by Context.Consumer)
in RootRouter (created by Connect(RootRouter))
in Connect(RootRouter) (created by App)
in Provider (created by App)
in App (created by withSafeArea)
in RCTView (created by Context.Consumer)
in AnimatedComponent (created by SafeView)
in SafeView (created by withOrientation)
in withOrientation (created by withSafeArea)
in withSafeArea (created by ExpoRootComponent)
in RootErrorBoundary (created by ExpoRootComponent)
in ExpoRootComponent
in RCTView (created by Context.Consumer)
in RCTView (created by Context.Consumer)
in RootSiblingsWrapper (created by AppContainer)
in RCTView (created by Context.Consumer)
in AppContainer componentWillMount
AppEntry.bundle?platform=android&dev=true&minify=false&hot=false&assetPlugin=%2FUsers%2Fmac%2FDesktop%2F11%2FListPro%201.3.1%205%2Fold%2Fnode_modules%2Fexpo%2Ftools%2FhashAssetFiles.js:288151:65
callComponentWillMount
AppEntry.bundle?platform=android&dev=true&minify=false&hot=false&assetPlugin=%2FUsers%2Fmac%2FDesktop%2F11%2FListPro%201.3.1%205%2Fold%2Fnode_modules%2Fexpo%2Ftools%2FhashAssetFiles.js:14755:38
mountClassInstance
AppEntry.bundle?platform=android&dev=true&minify=false&hot=false&assetPlugin=%2FUsers%2Fmac%2FDesktop%2F11%2FListPro%201.3.1%205%2Fold%2Fnode_modules%2Fexpo%2Ftools%2FhashAssetFiles.js:14843:33
updateClassComponent
AppEntry.bundle?platform=android&dev=true&minify=false&hot=false&assetPlugin=%2FUsers%2Fmac%2FDesktop%2F11%2FListPro%201.3.1%205%2Fold%2Fnode_modules%2Fexpo%2Ftools%2FhashAssetFiles.js:16298:31
performUnitOfWork
AppEntry.bundle?platform=android&dev=true&minify=false&hot=false&assetPlugin=%2FUsers%2Fmac%2FDesktop%2F11%2FListPro%201.3.1%205%2Fold%2Fnode_modules%2Fexpo%2Ftools%2FhashAssetFiles.js:19003:27
workLoop
AppEntry.bundle?platform=android&dev=true&minify=false&hot=false&assetPlugin=%2FUsers%2Fmac%2FDesktop%2F11%2FListPro%201.3.1%205%2Fold%2Fnode_modules%2Fexpo%2Ftools%2FhashAssetFiles.js:19035:47
renderRoot
AppEntry.bundle?platform=android&dev=true&minify=false&hot=false&assetPlugin=%2FUsers%2Fmac%2FDesktop%2F11%2FListPro%201.3.1%205%2Fold%2Fnode_modules%2Fexpo%2Ftools%2FhashAssetFiles.js:19098:21
performWorkOnRoot
AppEntry.bundle?platform=android&dev=true&minify=false&hot=false&assetPlugin=%2FUsers%2Fmac%2FDesktop%2F11%2FListPro%201.3.1%205%2Fold%2Fnode_modules%2Fexpo%2Ftools%2FhashAssetFiles.js:19789:23
performWork
AppEntry.bundle?platform=android&dev=true&minify=false&hot=false&assetPlugin=%2FUsers%2Fmac%2FDesktop%2F11%2FListPro%201.3.1%205%2Fold%2Fnode_modules%2Fexpo%2Ftools%2FhashAssetFiles.js:19713:30
performSyncWork
AppEntry.bundle?platform=android&dev=true&minify=false&hot=false&assetPlugin=%2FUsers%2Fmac%2FDesktop%2F11%2FListPro%201.3.1%205%2Fold%2Fnode_modules%2Fexpo%2Ftools%2FhashAssetFiles.js:19688:20
batchedUpdates$1
AppEntry.bundle?platform=android&dev=true&minify=false&hot=false&assetPlugin=%2FUsers%2Fmac%2FDesktop%2F11%2FListPro%201.3.1%205%2Fold%2Fnode_modules%2Fexpo%2Ftools%2FhashAssetFiles.js:19889:28
batchedUpdates
AppEntry.bundle?platform=android&dev=true&minify=false&hot=false&assetPlugin=%2FUsers%2Fmac%2FDesktop%2F11%2FListPro%201.3.1%205%2Fold%2Fnode_modules%2Fexpo%2Ftools%2FhashAssetFiles.js:10963:37
_receiveRootNodeIDEvent
AppEntry.bundle?platform=android&dev=true&minify=false&hot=false&assetPlugin=%2FUsers%2Fmac%2FDesktop%2F11%2FListPro%201.3.1%205%2Fold%2Fnode_modules%2Fexpo%2Ftools%2FhashAssetFiles.js:11020:23
receiveTouches
AppEntry.bundle?platform=android&dev=true&minify=false&hot=false&assetPlugin=%2FUsers%2Fmac%2FDesktop%2F11%2FListPro%201.3.1%205%2Fold%2Fnode_modules%2Fexpo%2Ftools%2FhashAssetFiles.js:11050:34
__callFunction
AppEntry.bundle?platform=android&dev=true&minify=false&hot=false&assetPlugin=%2FUsers%2Fmac%2FDesktop%2F11%2FListPro%201.3.1%205%2Fold%2Fnode_modules%2Fexpo%2Ftools%2FhashAssetFiles.js:3644:49
AppEntry.bundle?platform=android&dev=true&minify=false&hot=false&assetPlugin=%2FUsers%2Fmac%2FDesktop%2F11%2FListPro%201.3.1%205%2Fold%2Fnode_modules%2Fexpo%2Ftools%2FhashAssetFiles.js:3417:31
__guard
AppEntry.bundle?platform=android&dev=true&minify=false&hot=false&assetPlugin=%2FUsers%2Fmac%2FDesktop%2F11%2FListPro%201.3.1%205%2Fold%2Fnode_modules%2Fexpo%2Ftools%2FhashAssetFiles.js:3598:15
callFunctionReturnFlushedQueue
AppEntry.bundle?platform=android&dev=true&minify=false&hot=false&assetPlugin=%2FUsers%2Fmac%2FDesktop%2F11%2FListPro%201.3.1%205%2Fold%2Fnode_modules%2Fexpo%2Ftools%2FhashAssetFiles.js:3416:21
callFunctionReturnFlushedQueue
[native code]
import { Images, Events, Config, AppConfig, Tools, Constants} from '#common'
this.isListable = AppConfig.Theme == Constants.Themes.Classic
this.isMyListing = AppConfig.Theme == Constants.Themes.Classic
this.isListingPro = AppConfig.Theme == Constants.Themes.Classic