In this article we learn about React-native Fetch GET request example with FlatList, in this, we are going to display JSON array response in List, as we know ListView component is deprecated so the best alternative is to use the React-native FlatList component it supports both vertical and horizontal dimension…
Read MoreReact Native – Fetch POST request registration form
React-native Post request API call In this article, we learn about React-native Fetch POST request registration form on the last post, we created on registration form UI so we going to use these registrations form here and using Fetch POST request to send data I have created one table as follow …
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 FlatList component
As we know ListView component is deprecated so the best alternative is to use the React-native FlatList component it supports both vertical and horizontal dimension view, also support both Android and IOS device, it support Header and Footer support also we cannot use other libraries for pull to refresh it…
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 MoreReact-native styling View, Flex Dimensions, Flexbox
In this article, we learn about react-native styling view, flex dimensions, flexbox layout and how to use these using these components you can design awesome UI. All components in react-native accept common props called style React native view In react native all components must be displayed inside View, without view we…
Read MoreReact-native react-navigation tutorial with navigationOptions
React-native react-navigation tutorial In this article, we going to learn about React-native react-navigation tutorial with navigationOptions, if you are going to develop an application then you must learn react-native navigation, the best way to navigate from one screen to another is React-native’s Stack navigation this allows you to navigates to multiple…
Read MoreLearn React-native basics
Before start programming on react-native, we have to understand the basics of react-native like React-native folder structure, imports, methods React-native from basics, folder structure, code structure, imports, methods To create new project use following command: react-native init ProjectName Here is my React-native folder structure Android folder:- This folder contains…
Read MoreCall native android activity from react-native
Call native activity methods from react-native To call native activity from react-native, first I am considering that our react-native project has successfully integrated into existing Android studio project if not then read my previous articles on How to setup react-native step by step Click here How to integrate react-native in…
Read MoreIntegrating React Native in existing Android app
How to Integrating React-Native in existing app React Native setup in your system. If you don’t have then please follow this guide. So now we have two projects Native Android project and react-native project without any error There are two types of integration you can integrate the react-native project in existing…
Read More