React Native Library that shows a beautiful and customizable designed dialog with header. This library is a bridge around Android: MaterialStyledDialogs & iOS: PMAlertController

$ npm install react-native-styled-dialogs --save

$ react-native link react-native-styled-dialogs

• Android

Library id supported SDK 25 > above

Please add below snippet into your app build.gradle

allprojects {
    repositories {
        mavenLocal()
        jcenter()
        maven {
            url "https://jitpack.io"
        }
    }
}

• iOS

  • Run Command: cd ../node_modules/react-native-styled-dialogs/ios && pod install. If it has error => try pod repo update then pod install

  • Add PMAlertController in your app Embedded Binaries & Linked Frameworks and Libraries. Please follow below video in order to achieve the same:

    

  • Now build your iOS app through Xcode

  • If you receive below error, please check video below in order to resolve the same:

    

    SOLUTION

    

import RNStyledDialogs from 'react-native-styled-dialogs';

RNStyledDialogs.Show({
  title: "Awesome!",
  description:
    "Glad to you like RNStyledDialogs! If you are up for it, we would like to appreciate you receiving us.",
  positiveText: "Go",
  neutralText: "Close",
  negativeText: "Later",
  onPositive: () => { },
  onNeutral: () => { },
  onNegative: () => { },
  onCancellable: () => { }
});

• Props: Generic

• Props: Android

• Props: iOS

Note: Since we are using native libraries, we have not found a solution in order to render RN Images in production, therefore please copy all your image assets in platform specific folders:

• Android: Please copy your image assets in app resource drawable folder
• iOS: Please copy your image assets in app resources folder

Please refer example application for the image usage.

• Android: Android: MaterialStyledDialogs
• iOS: iOS: PMAlertController

Contributions are welcome and are greatly appreciated! Every little bit helps, and credit will always be given.

This library is provided under the Apache 2 License.

RNStyledDialogs @ Pranav Raj Singh Chauhan