Skip to content
master
Go to file
Code

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
Jun 6, 2020
Jul 13, 2020
Jul 13, 2020

README.md

react-native-dropdownalert

Platform npm version npm version Build Status codecov License

info warn error success
screenshot screenshot screenshot screenshot

Table of contents

  1. Support
  2. Installation
  3. Demo
  4. Usage
  5. Props
  6. Caveats

An alert to notify users about new chat messages, something went wrong or everything is okay. It can be closed by tap, cancel button, automatically with closeInterval, pan responder up gesture or programmatically (this.dropDownAlertRef.closeAction()).

Support

react-native version package version reason
0.50.0 >=3.2.0 Included SafeAreaView (iPhone X)
0.44.0 >=2.12.0 Adopted ViewPropTypes

Installation

  • npm i react-native-dropdownalert --save
  • yarn add react-native-dropdownalert

Demo

screenshot

Usage

import DropdownAlert from 'react-native-dropdownalert';
export default class App extends Component {
  componentDidMount() {
    this._fetchData();
  }
  _fetchData = async () => {
    try {
      // alertWithType parameters: type, title, message, payload, interval.
      // payload object that includes a source property overrides the image source prop. (optional: object)
      // interval takes precedence over the closeInterval prop. (optional: number)
      this.dropDownAlertRef.alertWithType('info', 'Info', 'Start fetch data.');
      await fetch('https://httpbin.org/get');
      this.dropDownAlertRef.alertWithType('success', 'Success', 'Finish fetch data');
    } catch (error) {
      this.dropDownAlertRef.alertWithType('error', 'Error', error);
    }
  };
  render() {
    // DropdownAlert must be last component in the document tree.
    // This ensures that it overlaps other UI components.
    return (
      <View>
        <DropdownAlert ref={ref => this.dropDownAlertRef = ref} />
      </View>
    );
  }
}

Caveats

Inspired by: RKDropdownAlert

You can’t perform that action at this time.