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 »
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 »
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 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 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 »
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 »
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 »
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 »
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 »
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 »
