react-native-alert-dialogues v1.0.4

react-native-alert-dialogues

A simple and fully customisable React Native component that shows success,error,warning and confirmation alerts.

Features

• Easy to use
• Consistent look and feel on iOS and Android
• Can show success alert dialogues
• Can show error alert dialogues
• Can show warning alert dialogues
• Can show confirmation alert dialogues
• Customisable UI

Installation

npm install --save react-native-alert-dialogues
OR
yarn add npm i react-native-alert-dialogues

Usage

Just put the Alert tag before the last closing tag of the component

import React, { Component } from 'react';
import {View} from 'react-native';
import {Alert} from 'react-native-alert-dialogues';

class Example extends Component {
  render() {
    return (
      <View>
      <Alert
          visible={this.state.showAlert}
          type= "success"
          okPressed={() =>
            this.setState({
              showAlert: false,
            })
          }
          message= "Message to show."
        />
        </View>
    );
  }
}

Common properties

Callbacks

Example

git clone https://github.com/Ali-Haider-Ch/react-native-alert-dialogues
cd react-native-alert-dialogues/examples
npm install
npm run ios # or npm run android

Copyright and License

MIT License

Copyright 2020-2022 Ali Hayder. All rights reserved.