Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/map-ir/mapir-react-native-example

Last synced: about 2 months ago
JSON representation

Host: GitHub
URL: https://github.com/map-ir/mapir-react-native-example
Owner: map-ir
License: mit
Created: 2019-01-22T10:25:41.000Z (almost 6 years ago)
Default Branch: master
Last Pushed: 2022-12-03T09:10:59.000Z (about 2 years ago)
Last Synced: 2023-03-06T03:19:13.657Z (almost 2 years ago)
Language: Objective-C
Size: 203 MB
Stars: 4
Watchers: 3
Forks: 1
Open Issues: 9
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# MapirReatNativeSDK
[![npm version](https://badge.fury.io/js/mapir-react-native-sdk.svg)](https://www.npmjs.com/package/mapir-react-native-sdk)

![Map.ir](https://map.ir/css/images/mapir-logo.png) React Native wrapper for mapbox-gl-js. Expose a bunch of component meant to be simple to use for React Native.

## Get API Key
🔑 You should first get api key from [Map.ir](https://corp.map.ir/registration/)

## Installation

```
git clone https://github.com/map-ir/Mapir-react-native-example.git
cd Mapir-react-native-example
```

* Install our dependencies using `npm i`.

## Start React Native Packager

Open up another tab in your Terminal and run
```
npm start
```

## Run Android Simulator

* Open up Android Studio and build with gradle
* Start Android emulator
* Run `adb reverse tcp:8081 tcp:8081` to foward port to packager(needed for hot reloading, if you're not developing you can skip this step).
* Run `react-native run-android` from `Mapir-react-native-example` directory

**NOTE**

If the build fails make sure gradle has permission to build from cli
```
cd android
chmod +x gradlew
```

## Run iOS Simulator

You can run this with the react-native cli or Xcode

```
react-native run-ios
```

**NOTE**

If you run into

```
Command failed: /usr/libexec/PlistBuddy -c Print:CFBundleIdentifier build/Build/Products/Debug-iphonesimulator/RNMapboxGLExample.app/Info.plist
Print: Entry, ":CFBundleIdentifier", Does Not Exist
```

Just run the example from Xcode, it seems to be an [issue](https://github.com/facebook/react-native/issues/14423) with RN.