Pre populated SQLite database is the database which will be created before its use in mobile development. Developer can manually create the database, tables in database and insert records inside it. To create pre populated database we’ll to use DB Browser for SQLite a free software available. In today’s tutorial we would learn about How […]
NPM also known as NODE is world’s largest software registry library available on internet for developers. In MAC operating system we can easily update NPM using single command. Using this command we can update NPM on all MAC versions like Big Sur, Catalina, Mojave, High Sierra etc. It is recommended for React Native developers to […]
SHA256 also known as Secure Hash Algorithm 256 is used to encrypt the given Text or Number into a secure hash key format. It is a type of cryptography function which can convert the password or message into 256 bit format. In react native the SHA256 hash key is used to secure password or mobile […]
Hello Guys, I’m back with a new tutorial in react native. In today’s tutorial we would learn about something new in react native. My friend ‘Pankaj Sood’ have just released a new amazing Animated Placeholder library for react native developers on NPM as well as on GitHub. As we all have seen placeholder is used […]
React Native Ionicons is a premium free icon library available for all platform developers. It’s like a ocean of icons with some specific fish inside it. The Ionicons has platform based icons means if you are a Web developer then there are icons for you, If you are android developer then you can use their […]
Popup menu also known as Overflow menu is used in many android and iOS applications to show extra navigation options. The Popup menu is present on Top Right side of screen in Action Bar. The Icon of Popup menu is Vertically three white dotted icon. When use press on this icon a Popup men will […]
In react navigation 5.x there are options available to set the app screen Title text. There are sometimes developer is required to update the Title on active screen using navigation.setOptions({}) method. This method would allow us the update the active screen style on button click events. In navigation.setOptions() there are a prop named as title […]
Visual Studio Code editor used by millions of developers come from every programming language arena. I’m also using Visual Studio Code editor from beginning of my development career in react native. As I know VS Code editor is one of the best code editor I’ve every worked in. So in today’s tutorial we would learn […]
Text Highlighter is used by many students to high light main points in notes or text book. It is also used in many Android iOS Education based applications to highlight some important text which is marked by professors. In react native we can easily achieve this type of functionality using Text component. So in this […]
ScrollView component has a event named as onScroll which will execute when user scrolls the ScrollView. In today’s tutorial we would learn about Add Background Animation on ScrollView component in react native. We would use React Native own Animated component library to perform animation while user scrolls the ScrollView. We would define 2 range of […]
createBottomTabNavigator() component has its own State, Props and navigation methods which is used to make the Bottom Tab Navigator completely dynamic. In Today’s tutorial we would learn about How to highlight selected createBottomTabNavigator() Tab in React Navigation in React Native. As we all know when a tab is highlight on selection it looks much good […]
In our previous tutorial we have learn about createBottomTabNavigator() component of React Navigation version 5.x which is the latest version of react navigation. But as per user requirement some times developer wants to make their own customized bottom tab bar navigator. Custom tab bar navigator is completely user manageable and designed by application developer but […]
In react native there are a popular NPM plugin known as react-native-safe-area-context which handles Safe Area in both android and iOS devices. The Safe Area context manages all the Safe Area in all devices like notch devices, drop notch devices etc. SafeAreaProvider is a component which automatically adds padding to the notch area without affecting […]
React navigation has launched it’s latest 5.x version with new and improved features. In today’s tutorial we would learn about react navigation’s createBottomTabNavigator component. Bottom tab bar navigator is one of the most usable Tab navigation used in both android & iOS applications. One live example of bottom tab bar navigation is Instagram. In today’s […]
React Native’s own Animated library supports all type of animation and one of them is Spring Animation. Today we would learn about Spring animation. Spring animation is a type of animation transition where we can increase size of a object according to its given default height width with bumbling effect. We would perform increasing and […]
The error Animated useNativeDriver was not specified This is a required option and must be explicitly set to ‘true’ or ‘false’ comes when we would use Animated.timing() method to execute animation without useNativeDriver: true. The useNativeDriver: true prop passes all the information about animation to the UI(User Interface) thread. By passing all the information to […]
React native is now one of the most usable mobile application development language in market because its easiness. As we all know react native is rapidly evolving so after some time there is always a new version for developers to upgrade. But some of us don’t know the easiest way to Upgrade Current React Native […]
In new react native WebView component there are so much opportunity with new features. One of them is loading local HTML(Hyper text markup language) file in WebView component. This feature allow us to hold some of HTML pages inside our application directory so when they needed in app, there are no need to use internet […]
After upgrading to react native 0.60 version the inbuilt react native webview component were removed from react native. Now they have made a complete new standalone component named as react-native-webview. By making the component stand alone developers can make it more flexible according to user requirements and increase its feature. So in this tutorial we […]
Linking API in react native is used to interact between both incoming and outgoing Links. Using the Linking API we can easily send data between our react native application and any other application by giving a certified link. We would use the Package name to interact between application and using a fix syntax we can […]
AutoComplete Text Input also known as Auto Complete Text View is a type of search box which shows typed text match suggestions below the search box. In AutoComplete Text Box when user starts typing search keyword then it will automatically shows us the content matched suggestions. in Today’s tutorial we would use the React native […]
componentwillunmount() method is one of the most usable application life cycle method in react native. componentwillunmount() calls automatically in react naive before a Component or Screen is unmounted or destroyed. The main purpose of componentwillunmount() is to clean or delete any variable values, State values which will not be used again so it can delete […]
componentdidmount() method used in react native class component coding structure. In react native class component the componentdidmount() called after render() method called. The main purpose of componentdidmount() is to parse JSON or do some changes on screen after application start. After coming of react native functional component all the mount methods is replaced with single […]
In our previous tutorial we have learn about using Single states in react native hooks. This tutorial is the 2nd part of States in React Native Hooks tutorial. In this tutorial we would learn about How to use Multiple States in React Native Hooks Functional Component. As we all know react native Hook comes with […]
