Alert

Install

npm i --save react-native-dj-alert

Usage

Using in your app will usually look like this:

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  TouchableHighlight,
} from 'react-native';

import Alert from 'react-native-dj-alert';


export default class NPMTest extends Component {

    render() {
      return (
        <View style={{marginTop:20}}>
          <TouchableHighlight onPress={()=>this.refs.alert.show('This is a alert!','Alert','I Known')}>
            <Text>click me</Text>
          </TouchableHighlight>
          <Alert ref="alert"/>
        </View>
      );
    }
}

AppRegistry.registerComponent('xxx', () => NPMTest);

Props

The following props can be used to modify the style and/or behaviour:

| Prop | Type | Opt/Required | Default | Note | |---|---|---|---|---| |style|object|Option|{}| 文字容器的样式 |titleStyle|object|Option|{}| 提示标题的样式 |msgStyle|object|Option|{}| 提示文字内容的样式 |onPress|function|Option|{()=>{}}| 处理点击事件，默认有移除Alert的行为，如需要其它行为，可以加到这个属性里

Methods

The following methods can be used to open and close the Dialog:

| Method | Parameters | Note | |---|---|---| |show|message:必选，需要显示的信息；title:可选，提示标题；button:可选，按钮文本| |