React Native Validate Forms with Formik and Yup, I’ll demonstrate how to build and validate forms in a React Native application using Formik and Yup packages. We’ll create a simple form with input fields for name, email, and password to help you grasp the process of form-building in React Native…
Error Cannot read properties of undefined (reading ‘transformFile’) Related Error – The error “Cannot read properties of undefined (reading ‘transformFile’)” commonly arises in React Native applications due to misconfigurations or problems with the Metro bundler or the React Native CLI. This error indicates that a module or plugin necessary for…
How to fix “Error: error:0308010c:digital envelope routines::unsupported” error Cannot read properties of undefined (reading ‘transformFile’) digital envelope routines Why This Error Occurred : – This error, often represented as “error:0308010c:digital envelope routines::unsupported”, typically arises within cryptographic operations. It indicates that the digital envelope routines being used do not support the…
How to check app state as it is in Background or Foreground Detects the current app state of the app whether in the background or foreground (active or inactive). In React Native we have a method called AppState which detects the current state of the app whether in the background…
React Hooks, Type of react hooks, How many React Hooks Methods And How to use we learn all there. React Hook? Hooks are a new feature which is implemented in React 16.8. We have use state and other React features without writing a class. It mainly uses to handle the state…
use of useLayoutEffect hooks in React native? What is use useLayoutEffect in React native Before we go to know the use of useLayoutEffect in react native first we know about the useLayoutEffect What is useLayoutEffect useLayoutEffect is a version of useEffect that fires before the browser repaints the screen. OR…
React Native has different functionalities that you can easily add to your app. One of the useful functionality includes the ‘Gesture Responder System’. Curious to know more about the system and the steps to add Long press gesture in your app? Stay with this blog article till the last. Let’s…
This warning can often happen when a component sets the state inside the useEffect hook. The useEffect hook either does not have a dependency array or has the changing state variable as a dependency. That makes the useEffect hook execute in an infinite loop. useEffect without dependency array Take a look at the below code. I…
PanResponder in react native Pan gesture in react native PanResponder PanResponder reconciles several touches into a single gesture. It makes single-touch gestures resilient to extra touches, and can be used to recognize basic multi-touch gestures. By default, PanResponder holds an InteractionManager handle to block long-running JS events from interrupting active gestures. It provides a predictable…
The open-source library react-native-gesture-handler is a great way to add gestures to cross-platform React Native apps. Two of the main reasons I find this useful because it uses native support to handle gestures and the other reason being it is better at performing on each native platform than React Native’s built-in touch…