1.0.0 • Published 7 years ago
react-native-dj-alert v1.0.0
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:可选,按钮文本 |