Hi guys, In this article, we are going to learn about How to show loader in Webview React Native, by using web view we can render website data directly in our Application but sometimes due to heavy resources webview takes time to render so for that we have to show…
Read MoreTag: react-native
Getting started with React Native
In this article, I have listed down articles to learn step by step hybrid application development 1. How to install React Native on windows machine & Create a new React-native project 2. React Native project structure 3. React Native Life Cycle 4. Introduction to React Native components 5. React Native…
Read MoreReact Native WebView Example
Hi guys, In this article, we are going to learn about React Native WebView, by using web view we can render website data directly in our Application, for this we are using react-native-webview dependency in our project which supports both Android/iOS. this is example we will create another screen in…
Read MoreHow to send email from react-native application
Hi guys, In this article, we are going to learn about How to send email from react-native application, basically, we are going to pass to, cc, bcc, subject, body in function and open Gmail compose box. for this we need to use communication dependency i.e. react-native-communications. In the application, the…
Read MoreReact-native pagination example using array method map
Hi Guys, In this article, we are going to learn about the React-native pagination example using array method map, as we all know many developers use FlatList component to display the list with pagination but in this article, we will learn with the help of JSX array method in react-native,…
Read MoreHow to add on click React-navigation 5.0 header react native
Hi Guys, In the last article, we learned about How to add on click React-navigation 5.0 header react native, in this article will learn about header onPress react-navigation 5.0. we are going to create a project with react-navigation 5.0 with two screens home.js and details.js and customize header using navigation.setOptions…
Read MoreReact-navigation 5.0 example react-native
Hi guys, in this article we are going to learn about How to use React-navigation 5.0 example react-native, as we have already familiar with previous versions of react-navigation. in this version in this, we can change configuration dynamically, also can access context, props, and state in the navigator, this is…
Read MoreMake phone call from React-native
Hi guys, In this article, we are going to learn about How to make phone call from React-native, In my last post I have explained how to open WhatsApp chatbox from the react-native application using React-native core library Linking component. In this post, we are using the same core component…
Read MoreSelectable list view react-native
Selectable list view react-native Hi Guys, In this article, we are going to learn about Custom Selectable list view react-native, to do this we are using FlatList component and display list and then add selectable functionality in that using one boolean key, this is a most important function which used…
Read More