react-native-dialogs

React Native wrappers for https://github.com/afollestad/material-dialogs

Installation

Install the npm package 'react-native-dialogs'. Inside your React Native project, run :

npm install --save react-native-dialogs

Changes to your package.json should look like this.

In android/settings.gradle, remove the line include ':app' and add the following lines :

include ':app', ':react-native-dialogs'
project(':react-native-dialogs').projectDir = file('../node_modules/react-native-dialogs/android')

The changes should look like this NOTE : If you have included other libraries in your project, the include line will contain the other dependencies too, apart from ':app' and ':react-native-dialogs'

In android/app/build.gradle, add a dependency to ':react-native-dialogs' and URL of the Jitpack maven repository (to download the library https://github.com/afollestad/material-dialogs) :

repositories {
    maven { url "https://jitpack.io" }
}

dependencies {
    // after other dependencies
    compile project(':react-native-dialogs')
}

The changes should look like this

Next, you need to change the MainActivity of your app to extends FragmentActivity instead of Activity (otherwise dialogs will not be rendered), and register ReactNativeDialogsPackage :

import android.support.v4.app.FragmentActivity;
import com.aakashns.reactnativedialogs.ReactNativeDialogsPackage;

public class MainActivity extends FragmentActivity implements DefaultHardwareBackBtnHandler {
    //...
  
          mReactInstanceManager = ReactInstanceManager.builder()
                //...
                .addPackage(new MainReactPackage())
                .addPackage(new ReactNativeDialogsPackage(this)) // <- ADD THIS LINE!
                //...
                .build();

See this changelog for reference

Now you're finally ready to start using module in your React Native application. See this changelog for an example that uses DialogAndroid.