Sudwipto Kumar Mondalsudwipto.hashnode.dev·Oct 3, 2023React Native Modal with Backdrop (Deep-dive)We need to use React Native Modal in various scenarios in our application. The main purpose of the modal is to serve users an elevated view of any specific information and the actions associated with it. So, it plays a vital role but is often neglect...1 like·85 readsReact Native
Anas Telyanastely.hashnode.dev·Sep 15, 2023Creating a Stunning Parallax Effect in React Native with React Native ReanimatedIn this comprehensive guide, we'll walk you through the process of creating an impressive parallax effect in a React Native application using the powerful animation library, React Native Reanimated. Parallax effects add depth and interactivity to you...344 readsReact Native
Lucy Wilsonlwilsondev.co.uk·Apr 13, 2023Animated bar chart on load - React NativeSee the finished example Aim Animate a bar chart on the initial load, and when the data changes. The bars should grow in height. Attempt 1 Reanimated provides layout animations out of the box, such as SlideInUp and FadeIn. These are easy to use and r...383 readsReact Native
James Kimjameskimdev.hashnode.dev·Jan 8, 2023Crafting a Custom Vertical Slider in React NativeIn the realm of mobile app development, sometimes the tools you need simply don't exist yet. This was the case when I was tasked with creating a custom vertical slider component for a project at my current company. In this blog post, I'll walk you th...119 readsReact Native
Ankur Prajapatiankurdotdev.hashnode.dev·Dec 21, 2022How to build Simple Card Flip Animation in React Native using ReAnimated V2.Introduction We know that movings things catch our attention, and the same goes for apps.Animations can catch users' attention and also give them delight.Today I will explain how to build simple yet cool card flip animation, which can help you get st...79 readsReact Native
Shad MirzaforHashnode Engineeringengineering.hashnode.com·Oct 3, 2022Animating Splash Screen With React Native ReanimatedWe recently shipped one of the biggest updates to the Hashnode App. If you have been using the new app, the first thing you'll notice is the new splash screen. Install the new app if you haven't already. You start with a hashnode logo that animates...76 likes·3.1K readsReact Native
Abodunrin Abdulsalamabdulsalam.hashnode.dev·Jun 13, 2022Introduction to React Native: A beginner's guide.React Native: a tool for mobile development In 2015, React Native was launched by Facebook as the JavaScript framework to build mobile apps for both iOS and Android. It uses the same concepts and ideas from React. React Native allows you to create mo...21 likes·319 readsReact Native
Roghashin Timbitiezrogha.hashnode.dev·Jun 10, 2022Animate SVG Path in RN with ReanimatedStart a new Expo project (Assuming you already installed expo globally) expo init animatedHouse install react-native-svg and react-native-reanimated yarn install react-native-svg react-native-reanimated Add Reanimated's babel plugin to your babel.con...730 readsReact Native