https://github.com/newoceaninfosys/react-native-smart-space-floor-map
Floor Map Component for Smart Space Android
https://github.com/newoceaninfosys/react-native-smart-space-floor-map
android ios javascript react-native typescript
Last synced: about 1 year ago
JSON representation
Floor Map Component for Smart Space Android
- Host: GitHub
- URL: https://github.com/newoceaninfosys/react-native-smart-space-floor-map
- Owner: newoceaninfosys
- License: gpl-3.0
- Created: 2017-06-21T08:43:50.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2018-01-30T08:40:49.000Z (over 8 years ago)
- Last Synced: 2025-03-30T08:19:44.755Z (over 1 year ago)
- Topics: android, ios, javascript, react-native, typescript
- Language: Java
- Homepage:
- Size: 261 KB
- Stars: 4
- Watchers: 4
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# react-native-smart-space-floor-map
A project to display floor image and desks over it with zooming feature for Smart Space App.
## Features
- Display Image with zooming
- Render Desks over the image
- Allow to click to the desk and set active style
## About
This project was started in the cause of solving issue Image Zooming and drawing in Android
## Installation
Install package from npm
```sh
npm install --save @nois/smart-space-floor-map
```
In App Gradle
```gradle
...
dependencies {
...
compile project(':smart-space-floor-map')
...
}
```
In `android/settings.gradle`
```gradle
...
include ':smart-space-floor-map'
project(':smart-space-floor-map').projectDir = new File(rootProject.projectDir, '../node_modules/smart-space-floor-map/android/release')
```
Manually register module in `MainApplication.java`:
```java
import com.south32.oraclecms.floormap.FloorMapPackage; // <--- Import Package
public class MainApplication extends Application implements ReactApplication {
private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
@Override
protected boolean getUseDeveloperSupport() {
return BuildConfig.DEBUG;
}
@Override
protected List getPackages() {
return Arrays.asList(
new MainReactPackage(),
new FloorMapPackage() // <---- Add the Package
);
}
};
....
}
```
## Usage
Check out the `example` folder for sample code
## Development
Uncomment the `application` that include the `activity` in `AndroidManifest.xml` and run the project to dev. Remember to comment it again to make a release.
## Release
- Run following command to update release folder: `$ npm run release`