Skip to content

About

A dialog showing a progress indicator for React Native

Resources

Stars

1 star

Watchers

0 watching

Forks

 
 

Latest commit

 

History

11 Commits

Folders and files

Repository files navigation

react-native-dialog-progress

npm npm npm npm

Installation

First you need to install react-native-dialog-progress:

$ npm install react-native-dialog-progress --save

React Native Link

$ react-native link react-native-dialog-progress

Manual installation

Android

...
include ':react-native-dialog-progress'
project(':react-native-dialog-progress').projectDir = new File(settingsDir, '../node_modules/react-native-dialog-progress/android')
  • In android/app/build.gradle
...
dependencies {
    ...
    compile project(':react-native-dialog-progress')
}
  • register module (in MainApplication.java)
......
import com.dialogprogress.DialogProgressPackage;  // <--- import

......

@Override
protected List<ReactPackage> getPackages() {
   ......
   new DialogProgressPackage(),            // <------ add here
   ......
}

iOS

  1. In XCode, in the project navigator, right click Libraries ➜ Add Files to [your project's name]
  2. Go to node_modules ➜ react-native-dialog-progress and add RNDialogProgress.xcodeproj
  3. In XCode, in the project navigator, select your project. Add libRNDialogProgress.a to your project's Build Phases ➜ Link Binary With Libraries
  4. Run your project (Cmd+R)<

Usage

Show DialogProgress

Example

    import DialogProgress from 'react-native-dialog-progress'
    const options = {
        title:"Loading",
        message:"This is a message!",
        isCancelable:true
    }
    DialogProgress.show(options)

Options

Name Description Default/Required Type
title text for the dialog title undefined string
message text for the dialog message undefined string
isCancelable true if the dialog is cancelable, false otherwise false bool

Hide DialogProgress

Example

    import DialogProgress from 'react-native-dialog-progress'

    DialogProgress.hide()

Thanks

License

About

A dialog showing a progress indicator for React Native

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages