FATOS Developer
Developer SiteConsole
  • FATOS Developer Introduction
  • FATOS API
    • Map
      • Map control
        • Sources
        • Layers
          • Style Specification
            • Fill
            • Line
            • Symbol
            • Circle
        • Building
        • Bounds
        • Center
        • Heading
        • Flyto
        • Tilt
        • Zoom
        • Marker
          • Instance Members
        • Polyline
        • Polygon
        • Circle
        • On/Off
        • Once
        • Language
        • Theme
        • Cluster
          • Instance Members
      • Button control
      • Utilities
        • Rectangle
        • Distance
        • Area
    • Search
      • Address
      • Geocoding
      • Geofencing
      • Detail
      • Public Transport
        • Bus Route
        • Bus Route Information
        • Bus Stop Information
        • Subway Station Information
        • Subway Station Timetable
        • Public Transit POI within Radius
        • Public Transit POI on Map
        • Subway Station Transfer Information
        • Real-time Bus Location Information
        • Real-time Bus Arrival Information
    • Routing
      • Route
      • Route for truck
      • Route_v2
      • Public Transit Route Search
      • Route Graphic Data
      • Bicycle
      • Pedestrian
    • Analyze
    • Tracking
  • FATOS SDK
    • Authentication
    • Platform
      • Android
        • Start
        • Component
      • iOS
        • Start
        • Component
      • React Native
        • Start
        • Component
  • Get your API Key
  • Release Note
    • FATOS Map API
    • API Server
    • RP Server
  • Troubleshooting
    • FAQ
Powered by GitBook
On this page

Was this helpful?

  1. FATOS SDK
  2. Platform
  3. React Native

Start

How to install FATOS SDK for React-Native

PreviousReact NativeNextComponent

Last updated 4 years ago

Was this helpful?

This is a multi-platform map SDK based on React Native. The functions of the SDK are largely composed of map, search, and route planning related operations. The map function can control the map layers, settings, and operation. To use "react-native-fatos-sdk", you must request an SDK key and then apply that key to the source. If you want an SDK key, please go to and request an SDK key after sign up.

Please let us know if you have any technical problems using our SDK Contact :

If you are a OneMap user, kindly request to

Development Environment

Install our SDK with npm

react-native init "project name"
npm i react-native-fatos-sdk

In order to use Fatos SDK, you must use your SDK key on your project. For Android project, add your key to [string.xml] file. For iOS project, add your key to [info.plist] file.

How to run example projects

For you to have a better understanding of our SDK, we included a small example project for Android and iOS. Once you install our SDK, you can run our example projects as follow:

  1. Go to your Android project folder and navigate to /node_modules/react-native-fatos-sdk/example

  2. Open Android project in example name folder with Android Studio and Press the 'Refactor'(top of android studio menu)

  3. Select 'Migrate to AndroidX'

  4. Migrate the UI library used in the project to AndroidX-based. If build error occurs after migration, AndroidX must be manually applied.

  1. Go to your iOS project folder and navigate to /node_modules/react-native-fatos-sdk/example

  2. Run following commands in order

rm -rf "${HOME}/Library/Caches/CocoaPods"
rm -rf "pwd/Pods/"
pod update

3. Add ResFatos.bundle so that Bundle Resources to be copied

Once either of Android or iOS project setting is done, you can run the application with following commands

react-native run-ios
react-native run-android

https://console.fatos.biz
sales@fatoscorp.com
https://onemap-console.fatos.biz