React Native | Google Maps - Part 1 | How to add Google Maps in iOS and Android - 2020

Published: 02 March 2020
on channel: UA Studios

13,461

143

You can buy a complete React Native Course for free at
https://www.udemy.com/course/a-comple...

If you like my tutorials you can buy me a coffee at
https://ko-fi.com/usaidather

Please Subscribe to UA Studios:
   / @uastudios

In this brand new session for react native 2020 tutorials by UA Studios, we will learn how we can add google maps into our iOS and Android projects using react-native cli.

For android Set up:
1) android/settings.gradle
include ':react-native-maps'
project(':react-native-maps').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-maps/lib/android')

2) open a build.gradle file under android/app/ folder (“android/app/build.gradle”)
dependencies {
...
implementation project(':react-native-maps')
}

3) Open the build.gradle file under the “android/app/” folder (“android/app/build.gradle”)
and add the following piece of code into the “dependencies” section:
...
dependencies {
...
implementation(project(':react-native-maps')){
exclude group: 'com.google.android.gms', module: 'play-services-base'
exclude group: 'com.google.android.gms', module: 'play-services-maps'
}
implementation 'com.google.android.gms:play-services-base:10.0.1'
implementation 'com.google.android.gms:play-services-maps:10.0.1'
}

Note Taking App Using Redux
   • React Native | Redux | Note Taking Ap...

React Native Carousel View Tutorial
   • React Native | Infinite Carousel View...

React-Native Reusable Components Tutorial
   • React Native | Reusable Components | ...

React Native Dynamic Font Sizing Tutorial
   • React Native | How to use custom font...

How to navigate from one screen to another in react native.
React Native Navigation:
   • React Native | React Navigation | How...

Crash Course for React Native using React Native Hooks
   • React Native | Crash Course | How to ...

For complete React Native Tutorials please have a look at
   • React Native Tutorials

Checkout IZAA VLOGS
   / @izaavlogs2959

Github link for Google maps:
https://github.com/usaidather/GoogleM...

#reactnative #react #reactnativetutorials #reactnativecommunity #redux #reduxvxcontext #react.js #reactnativehindi #context #contextapi

Watch video React Native | Google Maps - Part 1 | How to add Google Maps in iOS and Android - 2020 online, duration hours minute second in high quality that is uploaded to the channel UA Studios 02 March 2020. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 13,461 times and liked it 143 visitors.

917