In this article, we will be going to learn about how to add shadow to view in react native, while designing UI in react-native some time we have to shadow to view, to do this one way to use react-native cards and another way is to add shadow using stylesheet…
Read MoreCategory: React-native
Learn React-native step by step
React-native custom toolbar layout
In this article, we are going to create our React-native custom toolbar layout, there is the default NavigationOptions toolbar available in react-navigation but some times we have to create custom navigation toolbar, it makes easy to design when you have to add some more complex design so let’s start for…
Read MoreHow to add style to React Native Component Using Stylesheet
In this article, we learn about how to add style to React Native Component Using Stylesheet, it is to CSS which used on the web. React-native comes with inbuild components and these components support a specific type of style. some set of style are similar for multiple components but some…
Read MoreIntroduction of React-native components
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 MoreHow 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 life cycle
React-native has its own life cycle, to learn React-native life cycle, we need to understand inbuild methods of React-native, these methods are divided into four types: 1. Mounting methods 2. Updating methods 3. Unmounting methods 4. Error handling methods Let’s start with Mounting methods 1. Mounting methods: There are 4…
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 MoreHow to build iOS from windows using react-native and expo
In this article, We learn about how to build ios from windows using react-native and expo, basically to do this we need to install react-native then have to install expo, no Android studio or XCode required to build project 1. Install react-native To install react-native first, make sure you have…
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 More