react-native-dj-alert

daojia react-native-dj-alert

Usage no npm install needed!

<script type="module">
  import reactNativeDjAlert from 'https://cdn.skypack.dev/react-native-dj-alert';
</script>

README

Alert

accordion

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:可选,按钮文本