1.0.0 • Published 7 years ago

react-native-dj-alert v1.0.0

Weekly downloads
1
License
ISC
Repository
-
Last release
7 years ago

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:

PropTypeOpt/RequiredDefaultNote
styleobjectOption{}文字容器的样式
titleStyleobjectOption{}提示标题的样式
msgStyleobjectOption{}提示文字内容的样式
onPressfunctionOption{()=>{}}处理点击事件,默认有移除Alert的行为,如需要其它行为,可以加到这个属性里

Methods

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

MethodParametersNote
showmessage:必选,需要显示的信息;title:可选,提示标题;button:可选,按钮文本