Introduction of React-native components like view, textinput, state, props. To work with React-native you have to learn the Introduction of React-native components lets list out some of the components View TextView TextInput State Props FlatList StyleSheet Image Button ScrollView Picker Switch ActivityIndicator 1.View This is the most important UI components…
Read MoreTag: react-native
How to load image from URL React-native image view with loader
Display image from URL React-native Android/iOS Hi Guys, In this article, we learn about How to load image from URL in React-native image view with loader, to carry out we are going to install library to load Image and another library to display loader, so let’s start 1. Create a…
Read MoreReact-native splash screen example using react-navigation
In this article, we learn about custom React-native splash screen example using react-navigation, to do this follow the steps to install libraries, In this we simply start the app with a splash screen then redirect to the home screen using react-navigation, so let’s start 1.Install react-navigation Install react-navigation using the…
Read MoreReact-native custom Navigation Drawer / Sidebar
In this Article, we learn about how to implement React-native custom Navigation Drawer / Sidebar, we are going to use react-navigation to make react-native navigation drawer, so let’s start step by step we have to create a new project and install some libraries, This Example is for React Navigation 3.+…
Read MoreReact-native pagination example – infinity list
In this article, we learn about React-native pagination example – infinity list, to explain this we use react-native Flatlist component in which we will render data in the form of pages or offset and limit etc, to do this I have reacted API for pagination and will write a different…
Read MoreReact-native GridView example using FlatList
In this article we going to learn about React-native GridView example using FlatList, This allows you to display data in proper manner like tow-dimensional view we can also increase columns of gridview, also it supports both android and iOS platform, it support Header and Footer support also we cannot use other…
Read MoreHow to call function from another class in react-native
In this article, we learn about how to call function from another class in react-native, as our project scope getting more this is more important to use another class, i.e. calling the method from parent to child and child to parent, to understand this create a new project and as…
Read MoreReact-native basics Text, Textinput with Styles
In this article, we learn React-native basics Text, Textinput with styles like Flex, JustifyContent, aliginItems, that will help you to create basics UI with proper alignment, before this, you must install react-native successfully so I request you to go through this tutorial Overview: React-native Text React-native Textinput 1. React-native create project…
Read MoreReact-native form ui design
React-native form UI design Hi guys, in this article we learn about React-native form UI design with TextInput, Button, etc so let us start with the new project to do this Create a new project react-native init TestProject after successfully created project i am using App.js to design this…
Read MoreReact-native API call and parse response data
React-native API parse response To create dynamic applications we need to learn React-native API call and how to parse response data, in short, we have to call web services from our app basically APIs give a response in JavaScript Object Notation (JSON) format it has very easy representation of data…
Read More