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 […]
In React Native class component life cycle there are 3 inbuilt functions named as componentDidMount, componentDidUpdate, and componentWillUnmount used to perform certain task on a certain condition. But in functional these three methods are not available and to perform their task here we would use useEffect() method. The useEffect method is combined part of all […]
States is a dynamic type of value which can be change on program runtime and dose update the UI Components in react native. States are purely mutable and their value can be changed later. The main purpose of State is to store values which can be updated dynamically and their effect show on screen. In […]
Hello Friends, As we all know react native’s new functional component structure is spreading very fast among developers because of their simple way of coding. Many of us new beginner developer doesn’t know how to call a method or function in functional component because our main Component is by default functional component. There are some […]
React Naive latest coding structure which includes new Functional component structure is way more easy to understand then the previous class component structure. As we all know in react native we can make components using Classes and functions with render’s return block. Classes supports both render’s return block statement whether the function is supports directly […]
Welcome Friends, Recently i have started a new YouTube channel to cover all the react native topics. So guys i want to support me there as you have all supported me here on my website. My YouTube channel name is Coding Tech Examples. Please go there and do subscribe my channel and support us on […]
React Native launched its new Pressable component with version 0.63 Stable. The Pressable component is used to detect various stages of click events like onPress, onPressIn and onPressOut. Using then Pressable component we can easily change Button layout or Style on a particular event. So in this tutorial we would learn about React Native Pressable […]
Guys as we all know react native is becoming popular on every day and many of web developers is moving to react native for developing mobile apps. But before React Native we have heard about ReactJS language. Many of us don’t know the main difference between React Native and ReactJS. So in today’s tutorial we […]
backgroundColor property of Style is used to set background color of View components in react native. The backgroundColor property supports all type of color formats like ARGB, RGB and Hex values. There is one value which the backgroundColor supports which is transparent. Using the transparent value we can easily set any View component background to […]
Timeline component is one of the most popular custom components used in many e-commerce mobile applications and web applications. Timeline component is used to show a particular activity with each step on mobile screen. We have seen in many eCommerce apps to show each activity to their users like where product is packed, product is […]
Mapbox is one of the most usable location data platform for both mobile and web developers. Mapbox is similar like Google Maps but it is way more easy to integrate. They have their own data centers and location data which gives us perfect location data. Mapbox provides us location data, searching location and navigate to […]
Enable click on View component is always useful for mobile developers in react native but in react native this cannot be possible before react native 0.55.2 version. We have to use Touchable opacity or other touchable component and wrap the View component as Child then we can set click event on View using Touchable Opacity. […]
Circular progress bar also known as ActivityIndicator component in react native is a type of data loading widget which display on screen while loading content from internet. By default in react native we have ActivityIndicator component but it dose not blur or fade in complete application screen. So in this tutorial we are using react-native-loading-spinner-overlay […]
As we all know MacOS is now launched its official Mac OS Catalina 10.15 version version which is pretty impressive. But with new operating system there is always new problems and one them is for react native developers. In Catalina they have improved security of MAC in any possible way. So now when we launched […]
React Native Elements is an amazing react native library used by hundreds of peoples around the react development arena. React Native Elements comes with multiple custom components which can be used to create your own modified components in react native. In today’s tutorial we would use React Native Elements library with react-native-vector-icons library to Create […]
SVG images also known as Scalable Vector Graphics is a type of extensible markup language for vector image format for two dimensional graphics image. This type of image format is famous between mobile and web developers because the SVG format images are not pixel based so they cannot be cut or fade even when the […]
In React native a component is very popular among react native mobile application developers named as react-native-lightbox. It is openly available on NPM and GitHub both platforms. The LightBox package has more than 23 thousands installation per week so now you all know how useful it is for react native developers. Using the react-native-lightbox component […]
