react-native-dropdownalert

react-native-dropdownalert

A dropdown alert that allows you to display bits of information to your users. Try 1 of 3 pre-defined types or roll your own custom type (see props below). The user can tap the alert to close it or it will close automatically after 4 seconds or you can choose how long (see closeInterval prop).

Demo

---

Usage

---

import DropdownAlert from 'react-native-dropdownalert'
// ...
render() {
  return (
    <View>
      <DropdownAlert ref={'dropdown'} />
    </View>
  )
}
// ...
handleServerResponse(err, response) {
  if (err != null) {
    // Inform the user of the error.
    this.refs.dropdown.alert('error', 'Error', err)
  }
}
// ...

Types

---

Props

---

| Props name | Type | Description | Default | ------------ | ------------- | ------------ |------------ |------------ | | closeInterval | Number | dismiss alert at a certain time in milliseconds | 4000 | backgroundColor | String | background color of view | steelblue | imageUri | String | network image | '' | imageSrc | Number | local image | null | textColor | String | color for title and message | white | fontFamily | String | font for title and messsage | HelveticaNeue | startDelta | Number | where view starts at | -100 | endDelta | Number | where view ends at | 0 | statusBarHidden | Boolean | status bar visibility | false

Inspired by: RKDropdownAlert