React Native

ReactNative Working With Firebase Using ChatApp Example

Firebase A fully managed platform for building iOS, Android, and web apps that provides automatic data synchronization, authentication services, messaging, file storage, analytics, and more. In this tutorial I will demonstrate you how we will store our react native application related data in firebase providing services like database,storage etc.Here we will create FriendlyChatApp and its text data …

ReactNative Working With Firebase Using ChatApp ExampleRead More »

Understanding Redux With Simple Example

Redux Redux is all about having some central store that managing our entire application state or where we store our entire application state. Get GITHUB code from HERE.     Getting Started You will have to install and configure React Native. If you don’t know how then you can visit to my this tutorial . Create …

Understanding Redux With Simple ExampleRead More »

React Native Working With Google Map

This article aims to give knowledge about how to implement Google Maps into your react native applications with basic concepts like Rendering a Map with an initial region ,Changing map type ,Placing a marker ,Get user’s current Location ,Move to specific position with animation etc. Get GITHUB code from HERE. Note: In the above video …

React Native Working With Google MapRead More »

ReactNative Navigation Example

React Native Navigation React Native Navigation provides 100% native platform navigation on both iOS and Android for React Native apps. In this tutorial I will demonstrate you how to install react-native-navigation in your app, work with singlescreen (without tab), work with tabbased screen, Navigating forward, Navigating backward. Get GITHUB code from HERE.     Adding …

ReactNative Navigation ExampleRead More »

ReactNative Vector Icon Usage For Android

ReactNative provide us third party library react-native-vector-icons by using which  we can use built_in icons for different platforms(android,windows,ios). Installation For installing react-native-vector-icons in android: Run:  npm install react-native-vector-icons –save Android Edit android/settings.gradle to look like this (without the +): rootProject.name = ‘MyApp’ include ‘:app’ + include ‘:react-native-vector-icons’ + project(‘:react-native-vector-icons’).projectDir = new File(rootProject.projectDir, ‘../node_modules/react-native-vector-icons/android’) Edit android/app/build.gradle (note: app folder) to look like this: apply plugin: …

ReactNative Vector Icon Usage For AndroidRead More »

React Native Image Picker Example

React Native Image Picker A React Native Image Picker library allows you select a photo/video from the device library or directly from the camera. So in this tutorial I have create react native ImagePickerApp that picks selected image from mobile phone gallery and clicked image from mobile phone camera and displayed in Image component. Get GITHUB …

React Native Image Picker ExampleRead More »

Installing React Native on Windows

React Native React Native is an open source framework created by Facebook that lets you build mobile apps using only javascript. It uses the same design as React, letting you compose a rich mobile UI from declarative components.You can find more about React Native on here. In this tutorial  we are going to install, run and create Android …

Installing React Native on WindowsRead More »

%d bloggers like this: