White flickering when transitioning to a new screen and the background is a dark color?

I am experiencing this when transitioning to one screen to another with two different navigators: ex-navigation and the new one React Navigation . There is a white flickering for a second (or half...

Passing Data Using React-Native Navigation

Im trying to pass data between screens in my app. Currently I am using _____________________ "react-native": "0.46.0", "react-navigation": "^1.0.0-beta.11" I have my index.js ____ import...

Android Navigation Bar height React-Native

I'm trying to get the Android Bottom bar working (the bar where you have the back button) height with RN. I did the following: Dimensions.get('window').height I get the height with this bar!...

jest hangs indefinitely, runs no tests

Every time I run jest it never runs anything. I have let the counter go arbitrarily high. I have run jest with --no-cache jest --debug output is as follows: { "configs": [ { ...

react-navigation header has a faint line

This turned into a massive adventure and subsequently, a very large and messy post, so to spare you from having to read through the mess that I keyboard-farted out below, here's a summary: Main...

Bootstrap is not working in create-react-app

I am trying to use this nav bar while it seems classes are not working: I did all the steps like it was described in the documentation. I've imported it in the index.js: import...

React Native - Android TV - DPad Functionality

I have published a react native application to google play store for android tv. For tv, I have received notification for: Missing DPad functionality Your app requires user interaction for menus...

React Native StackOverflowException

I'm having the following exception in my react-native app on Android E/unknown:ReactNative: Exception in native call com.facebook.react.uimanager.IllegalViewOperationException:...

Scroll restore to top on navigation change

I am having a problem with scrolling, when navigating using react-router. When I am navigating to a different component it is keeping the scroll position from the last navigation. However I want...

How to resolve using AsyncStorage (deprecated) warning? Using the community (correct) library

I am using @react-native-community/async-storage and keep receiving this warning: Warning: Async Storage has been extracted from react-native core and will be removed in a future release. It can...

Prevent user from going back to login screen after logging in successfully in React Native

I have 3 screens. A=>Login, B=>Dashboard, C=>Profile. Initially when user is not logged in the Login screen renders. After login I have used AsyncStorage to save userId(which i get from API...

Execution failed: 'app:compileDebugJavaWithJavac FAILED' -ReactNative

I have installed react-native-navigation locally inside the project, even then it is displaying an error app:compileDebugJavaWithJavac FAILED. I then tried cd android and then ran gradlew clean,...

How do I shut of camera/scanner in react-native-qrcode-scanner?

Current code: import QRCodeScanner from 'react-native-qrcode-scanner'; function ScanScreen({ navigation }) { return ( <SafeAreaView style={styles.screen}> <QRCodeScanner...

How to move in next tab on text click in React Native using TabView?

I am new in React Native. I am using TabView [react-native-tab-view - npm] in my project. I declared one const for rendering screens like : const renderScene = SceneMap({ signin: Sign_in, ...

React Native Navigation Error: The action navigate with payload {"name": 192.168.100.189:19000", "params":{}} was not handled by any navigator

I am using react-navigation with my React Native application. I keep on getting an error that is supposedly a development-only warning and won't be shown in production. How do I fix the error...

Jest Testing React Native cannot use import statement outside of a module

I have been trying to find out how to fix the following error when trying to run my Jest test using React Native: FAIL tests/App-test.js ● Test suite failed to...

CocoaPods could not find compatible versions for pod "React/Core"

when I start pod install the result : [!] CocoaPods could not find compatible versions for pod "React/Core": In Podfile: react-native-fetch-blob (from...

Redux State Problem : TypeError: undefined is not an object

I am new to react native and redux especialy and I got an error message that I really struggle to deal with. This is the error im getting TypeError: undefined is not an object (evaluating...

Trying to use ref inside my App component but have an error Function components cannot be given refs

I try to get access to some navigation pages when signup in the app but have the following error: Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to...

SwiperJS Navigation not showing

My problem is with SwiperJS navigation that can not be seen. In documentation is written: navigation's nextEl is String with CSS selector or HTML element of the element that will work like "next"...

'Invariant Violation: requireNativeComponent: "RNSScreen" was not found in the UIManager.' error in react native cli

I keep getting RNSScreen error. I have followed all instructions on react-navigation guide but nothing has worked for me.

Problem with react-native-papere Theme using Expo and Stack Navigation

I'm working with Expo to create a mobile app with react native, I'm trying to include styles with react-native-paper and applying a custom theme to the whole project, but it doesn't apply any...

React native - How to navigate on Push notification click?

I am using react-native-push-notification. I had the issue of notifications not being displayed when the app is in background/killed state, to which the solution in multiple forums and GitHub is...

How to add shadow in @react-navigation/bottom-tabs?

i am trying to apply shadow on react-native bottom tab but i am unable to do that, how can we add shadow on react native bottom tab? my tab bar style. tabBarOptions={{ style: { ...

Jest not exiting properly when using RTK-Query useLazyQuery with ReactNative

I'm trying to test some functionality I've written using RTK-Query. Ive created an api using createApi and have exported the useLazyQuery hook. I am calling this hook and then listening for...

"VirtualizedList: You have a large list that is slow to update" warning even though all components are optimized

I've been having lots of trouble trying to avoid getting the "VirtualizedList: You have a large list that is slow to update" warning when using a <FlatList> component with React-Native. I've...

React Native App crashes when trying to debug remotely and does not work again unless re-installed

The Application was working fine until the installation of React-native-Reanimated library but has started to crash post installation when trying to debug remotely. It wouldn't even start again...

Export 'ComposedGestureType' (reexported as 'ComposedGesture') was not found

I getting this error while compiling the project "./node_modules/react-native-gesture-handler/lib/module/index.js "export 'ComposedGestureType' (reexported as 'ComposedGesture') was not found in...

React native buld failed with the following message Failed to list versions for com.facebook.react:react-native

I am using ReactNative version 0.62.2 and when i try to run the application using the command react-native run-android the build gets failed with the following error message Could not determine...

Task :app:mergeDebugAssets FAILED when I try to run npx react-native run-android

I'm working on an android app on react-native using vscode and a physical android device and it keeps showing the error below while trying to build using npx react-native run-android. Task...