@remobile/react-native-dialogs

1.0.7 • Public • Published

React Native Dialogs (remobile)

A dialogs for react-native, code come from cordova, support for android and ios

Installation

npm install @remobile/react-native-dialogs --save

Installation (iOS)

  • Drag RCTDialogs.xcodeproj to your project on Xcode.
  • Click on your main project file (the one that represents the .xcodeproj) select Build Phases and drag libRCTDialogs.a from the Products folder inside the RCTDialogs.xcodeproj.
  • Look for Header Search Paths and make sure it contains $(SRCROOT)/../../../react-native/React as recursive.
  • Drag CDVNotification.bundle to your project's resource

Installation (Android)

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

......

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


## Usage

### Example
```js
var React = require('react');
var ReactNative = require('react-native');
var {
    StyleSheet,
    View,
} = ReactNative;

var Dialogs = require('@remobile/react-native-dialogs');
var Button = require('@remobile/react-native-simple-button');
var alert = Dialogs.alert;

module.exports = React.createClass({
    testAlert () {
        function alertDismissed() {
            alert('You selected button');
        }
        Dialogs.alert(
            'You are the winner!',  // message
            alertDismissed,         // callback
            'Game Over',            // title
            'Done'                  // buttonName
        );
    },
    testConfirm () {
        function onConfirm(buttonIndex) {
            alert('You selected button ' + buttonIndex);
        }
        Dialogs.confirm(
            'You are the winner!', // message
            onConfirm,            // callback to invoke with index of button pressed
            'Game Over',           // title
            ['Restart','Exit']     // buttonLabels
        );
    },
    testPrompt () {
        function onPrompt(results) {
            alert('You selected button number ' + results.buttonIndex + ' and entered ' + results.input1);
        }
        Dialogs.prompt(
            'Please enter your name',  // message
            onPrompt,                  // callback to invoke
            'Registration',            // title
            ['Ok','Exit'],             // buttonLabels
            'Jane Doe'                 // defaultText
        );
    },
    testBeep () {
        Dialogs.beep(2);
    },
    testActivityStart() {
        Dialogs.activityStart('fang', 'fangyunjiang');
    },
    testProgressStart() {
        Dialogs.progressStart('fang', 'fangyunjiang');
    },
    render() {
        var additional = app.isandroid?[
            <Button onPress={this.testActivityStart} key='testActivityStart'>
                Test ActivityStart
            </Button>,
            <Button onPress={this.testProgressStart} key='testProgressStart'>
                Test ProgressStart
            </Button>,
        ]:null;
        return (
            <View style={styles.container}>
                <Button onPress={this.testAlert}>
                    Test Alert
                </Button>
                <Button onPress={this.testConfirm}>
                    Test Confirm
                </Button>
                <Button onPress={this.testPrompt}>
                    Test Prompt
                </Button>
                <Button onPress={this.testBeep}>
                    Test Beep
                </Button>
                {additional}
            </View>
        );
    },
});


var styles = StyleSheet.create({
    container: {
        flex: 1,
        justifyContent: 'space-around',
        alignItems: 'center',
        backgroundColor: 'transparent',
        paddingVertical: 150,
    },
});

HELP

thanks

see detail use

Package Sidebar

Install

npm i @remobile/react-native-dialogs

Weekly Downloads

12

Version

1.0.7

License

MIT

Last publish

Collaborators

  • fov42550564
  • honggao