Arun Chandravanshi

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 Map Read More »

Android Jetpack-Navigation Library Example

The Navigation Architecture Component, released as part of Android Jetpack , aims to simplify the implementation of navigation in your Android app. This component and its guidelines offer a new look into how navigation should be implemented, including the suggestion for the use of single-Activity architecture as the preferred architecture for Android Jetpack moving forward.

Android Jetpack-Navigation Library Example Read 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 Example Read 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 Android Read 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 Example Read 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 Windows Read More »

Android Firebase Cloud Messaging Example

What is Firebase Cloud Messaging? It is a service provided by Google. Google says  “Firebase Cloud Messaging (FCM) is a cross-platform messaging solution that lets you reliably deliver messages at no cost.” So it is free and at the same time easy to use. Previously we were using Google Cloud Messaging, but nowadays GCM is

Android Firebase Cloud Messaging Example Read More »

Save key-value data(SharedPreferences)

There are many ways of storing data in android, One of the simplest way is SharedPrefrences If you have a relatively small collection of key-values to save, you should use the SharedPrefrences APIs, Using SharedPrefrences You can stores:   String, Integer, Float, Long, Double and a String Set.  download the full project from  Github. Save data to shared preferences

Save key-value data(SharedPreferences) Read More »

Android Google Map Example

This guide is a quick start to adding a map to an Android app. We are using Android Studio as a development environment. Get the full code from Github Step 1. Create a Google Maps project Follow these steps to create a new app project including a map activity: Start Android Studio. Create a new project.

Android Google Map Example Read More »

Google Places API Example with AutocompleteTextView(Kotlin/Java)

Here is the simple example of Google Places SDK for Android returns place predictions in response to user search queries.As the user types, the autocomplete service returns suggestions for places such as businesses, addresses, latitude, longitude etc. Get the full code from Github     You can add autocompleteTextView  to your app in the following

Google Places API Example with AutocompleteTextView(Kotlin/Java) Read More »