Commit
- Loading branch information
There are no files selected for viewing
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,26 @@ | ||
|
||
import React, {Component} from 'react'; | ||
import {Platform, StyleSheet, Text, View, Image} from 'react-native'; | ||
import Mapir from 'mapir-react-native-sdk' | ||
|
||
type Props = {}; | ||
export default class App extends Component<{}> { | ||
render() { | ||
return ( | ||
<View style={styles.container}> | ||
<Mapir | ||
accessToken={'YOUR MAPIR TOKEN'} | ||
zoomLevel={13} | ||
centerCoordinate={[51.422548, 35.732573]} | ||
style={styles.container}> | ||
</Mapir> | ||
</View> | ||
); | ||
} | ||
} | ||
|
||
const styles = StyleSheet.create({ | ||
container: { | ||
flex: 1, | ||
} | ||
}); |
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,62 @@ | ||
<a href="https://www.corp.map.ir"> | ||
<img src="https://map.ir/css/images/site-logo.svg" width="500"/> | ||
</a> | ||
|
||
# Mapir React Native Demo | ||
|
||
Demo Application for [Mapir React Native SDK](https://github.com/map-ir/mapir-react-native-sdk) | ||
|
||
## What is Mapir? | ||
|
||
See [map.ir](http://corp.map.ir) | ||
|
||
## 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. |
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,2 @@ | ||
#Tue Jan 15 16:16:57 IRST 2019 | ||
gradle.version=4.6 |
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.