Skip to main content

Featured post

How to Insert line break in Text component in React Native

Hi, I was developing an application in react native.I have to handle lots of text data in this small react native application.I have used  Text component in react native many times. While working on this application,i had a requirement to display some text content with line breaks.I will explain it clearly with an example.I want to display a text as shown below  Welcome Please subscribe my channel I wrote react native code as shown below <View> <Text> Welcome Please subscribe my channel </Text> <View> When i run these lines of code,It will display text as shown below Welcome Please subscribe my channel   - instead of displaying in two lines with line break,it displays in a single line.So i have to find a solution to insert line break in Text component in React Native.After lots of research,i found a clean solution as shown below <View> <Text> Welcome{"\n"} Please subscribe my channel </Text> <View> Here ...
Read more
Labels

ERROR Invariant Violation: requireNativeComponent: "RNSScreenStackHeaderConfig" was not found in the UIManager js engine: hermes

Hi friends,

This error is happened when i work with react navigation library




 BUNDLE  ./index.js


 LOG  Running "Technursery" with {"rootTag":11}

ERROR  Invariant Violation: requireNativeComponent: "RNSScreenStackHeaderConfig" was not found in the UIManager.

This error is located at:

    in RNSScreenStackHeaderConfig (created by HeaderConfig)

    in HeaderConfig (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 App)

    in EnsureSingleNavigator

    in BaseNavigationContainer

    in ThemeProvider

    in NavigationContainerInner (created by App)

    in App

    in RCTView (created by View)

    in View (created by AppContainer)

    in RCTView (created by View)

    in View (created by AppContainer)

    in AppContainer

    in Technursery(RootComponent), js engine: hermes


ERROR  Invariant Violation: requireNativeComponent: "RNSScreenStackHeaderConfig" was not found in the UIManager.


npm install react-native-screens 

npm install react-native-safe-area-context


Thanks

Labels: