https://github.com/cleandersonlobo/react-native-dialog-progress

A dialog showing a progress indicator for React Native
https://github.com/cleandersonlobo/react-native-dialog-progress

Last synced: about 2 months ago
JSON representation

A dialog showing a progress indicator for React Native

• Host: GitHub
• URL: https://github.com/cleandersonlobo/react-native-dialog-progress
• Owner: cleandersonlobo
• License: mit
• Created: 2017-09-19T22:56:11.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2022-05-31T12:04:48.000Z (over 2 years ago)
• Last Synced: 2024-05-12T15:45:01.661Z (8 months ago)
• Language: Java
• Homepage:
• Size: 519 KB
• Stars: 9
• Watchers: 2
• Forks: 2
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-react-native-native-modules - react-native-dialog-progress ★1

README

        
## react-native-dialog-progress

[![npm](https://img.shields.io/npm/dm/localeval.svg)](https://github.com/cleandersonlobo/react-native-dialog-progress)

[![npm](https://img.shields.io/npm/dt/express.svg)](https://github.com/cleandersonlobo/react-native-dialog-progress)

[![npm](https://img.shields.io/npm/v/npm.svg)](https://npmjs.org/package/react-native-dialog-progress)

[![npm](https://img.shields.io/npm/l/react-native-smart-badge.svg)](https://github.com/cleandersonlobo/react-native-dialog-progress/blob/master/LICENSE)

## Installation 

First you need to install react-native-dialog:

```javascript

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

```

### Installation (Android)

## React Native Link 

```javascript

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

```

## Manually

```gradle

...

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`

```gradle

...

dependencies {

    ...

    compile project(':react-native-dialog-progress')

}

```

* register module (in MainApplication.java)

```java

......

import com.dialogprogress.DialogProgressPackage;  // <--- import

......

@Override

protected List getPackages() {

   ......

   new DialogProgressPackage(),            // <------ add here

   ......

}

```

## Usage

## Show DialogProgress

### Example

```javascript

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

    const options = {

        title:"Loading",

        message:"This is a message!",

        isCancelable:true

    }

    DialogProgress.show(options)

```

![](https://raw.githubusercontent.com/cleandersonlobo/react-native-dialog-progress/master/example.gif)

## 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

```javascript 

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

    DialogProgress.hide()

```

### Thanks

# License

- [MIT](LICENSE)