`

2. Call showMessage in any other component:
`jsx
import { showMessage } from 'react-native-messages';

showMessage('You are awesome!')}/>
`

Config

Prop | Type | Default
----------------------|-----------|--------------------------
messageComponent | Component | Default message component
duration | Number | 1000
slideAnimationOffset | Number | 40
showAnimationDuration | Number | 255
hideAnimationDuration | Number | 255
closeOnSwipe | Boolean | true

You can add custom config as a second argument to showMessage call to configure individual messages. E.g. showMessage('You are awesome!', { duration: 3000 }).

Custom message component


Default message will receive only string, but you can implement your own message component to work with any other objects e.g Error instances. Your message component will also be passed a hideMessage prop. Simply call hideMessage() to hide the notification.

`jsx
function Message({ message, hideMessage }) {
if (message instanceof Error) {
// return error-styled message
} else {
// return normal message
}
}

showMessage(new Error('Boom!'))}/>
`

!Custom messages

Demo

`
$ git clone git@github.com:Qlean/react-native-messages.git
$ cd react-native-messages/demo
$ npm install
$ npm start
$ react-native run-android # assuming Android emulator is running: https://facebook.github.io/react-native/docs/getting-started.html#installing-dependencies
`

Contributing

Same as demo. Run npm install` in root directory to install ESLint.