yuoppp / react-native-yandex-map-kit

react-native-yandex-map-kit

Getting started

$ npm install react-native-yandex-map-kit --save

Installation

iOS

1. Create or add the following content to ios/Podfile

  # You Podfile should look similar to this file. React Native currently does not support use_frameworks!
  source 'https://github.com/CocoaPods/Specs.git'

  platform :ios, '9.0'

  target '_YOUR_PROJECT_TARGET_' do
    rn_path = '../node_modules/react-native'
    rn_yandex_mapkit_path = '../node_modules/react-native-yandex-map-kit'

    pod 'yoga', path: "#{rn_path}/ReactCommon/yoga/yoga.podspec"
    pod 'React', path: rn_path, subspecs: [
      'DevSupport',
      'Core',
      'RCTActionSheet',
      'RCTAnimation',
      'RCTGeolocation',
      'RCTImage',
      'RCTLinkingIOS',
      'RCTNetwork',
      'RCTSettings',
      'RCTText',
      'RCTVibration',
      'RCTWebSocket',
      # 'BatchedBridge', # REMOVE COMMENT if you use RN <0.54
    ]

    pod 'react-native-yandex-map-kit', path: rn_yandex_mapkit_path
  end

2. Edit ios/%project%/AppDelegate.m add #import <YandexMapKit/YMKMapKitFactory.h> and [YMKMapKit setApiKey:@"844d5468-fb6f-437c-92cf-2fb6c6a780d1"];
3. Make sure your target is 9.0+

Android

0. Run $ react-native link react-native-yandex-map-kit and continue from step 4. Or:

1. Open up android/app/src/main/java/[...]/MainApplication.java

• Add import com.yandex.RNYandexMapKit.RNYandexMapKitPackage; to the imports at the top of the file
• Add new RNYandexMapKitPackage() to the list returned by the getPackages() method

2. Append the following lines to android/settings.gradle:

   include ':react-native-yandex-map-kit'
   project(':react-native-yandex-map-kit').projectDir = new File(rootProject.projectDir, 	'../node_modules/react-native-yandex-map-kit/android')
   

3. Insert the following lines inside the dependencies block in android/app/build.gradle:

     compile project(':react-native-yandex-map-kit')
   

4. Insert the following lines inside android block in android/app/build.gradle:

   android {
     ...
     packagingOptions {
         pickFirst 'lib/armeabi-v7a/libgnustl_shared.so'
         pickFirst 'lib/arm64-v8a/libgnustl_shared.so'
         pickFirst 'lib/x86_64/libgnustl_shared.so'
         pickFirst 'lib/x86/libgnustl_shared.so'
     }
   }
   

5. Update sdk and dependencies: compileSdkVersion 27 and com.android.support:appcompat-v7:27.0.0 Feel free to come up in issues to discuss it.

6. Add maven google repo in android/build.gradle

  allprojects {
    repositories {
      ...
      maven {
        url 'https://maven.google.com'
      }
    }
  }

Usage

import MapKit from 'react-native-yandex-map-kit';

render() {
  return (<MapKit/>)
}