Skip to content

Latest commit

 

History

History
59 lines (46 loc) · 1.68 KB

install.md

File metadata and controls

59 lines (46 loc) · 1.68 KB

Step 1 - NPM Install

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);
    }
...

Step 5 - Add to project, see example