npm install --save react-native-mapbox-gl
Step 2 - Update Gradle Settings
// file: android/settings.gradle
.. .
include ' :reactnativemapboxgl' , ' :app'
project(' :reactnativemapboxgl' ). projectDir = new File (rootProject. projectDir, ' ../node_modules/react-native-mapbox-gl/android' )
Step 3 - Update app Gradle Build
// file: android/app/build.gradle
.. .
dependencies {
.. .
compile project(' :reactnativemapboxgl' )
}
Step 4 - Register React Package
...
import com .mapbox .reactnativemapboxgl .ReactNativeMapboxGLPackage ; // <-- import
public class MainActivity extends FragmentActivity implements DefaultHardwareBackBtnHandler {
private ReactInstanceManager mReactInstanceManager ;
private ReactRootView mReactRootView ;
@ Override
protected void onCreate (Bundle savedInstanceState ) {
super .onCreate (savedInstanceState );
mReactRootView = new ReactRootView (this );
mReactInstanceManager = ReactInstanceManager .builder ()
.setApplication (getApplication ())
.setBundleAssetName ("index.android.bundle" )
.setJSMainModuleName ("index.android" )
.addPackage (new MainReactPackage ())
.addPackage (new ReactNativeMapboxGLPackage ()) // <-- Register package here
.setUseDeveloperSupport (BuildConfig .DEBUG )
.setInitialLifecycleState (LifecycleState .RESUMED )
.build ();
mReactRootView .startReactApplication (mReactInstanceManager , "AwesomeProject" , null );
setContentView (mReactRootView );
}
...