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

Опубликовано: 02 Март 2020
на канале: 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

Смотрите видео React Native | Google Maps - Part 1 | How to add Google Maps in iOS and Android - 2020 онлайн, длительностью часов минут секунд в хорошем качестве, которое загружено на канал UA Studios 02 Март 2020. Делитесь ссылкой на видео в социальных сетях, чтобы ваши подписчики и друзья так же посмотрели это видео. Данный видеоклип посмотрели 13,461 раз и оно понравилось 143 посетителям.

917