react-native-enhanced-toast/lib/Toast.js

react native `enhanced` toast like component, pure javascript solution

import React, { Component } from 'react'
import RootSiblings from 'react-native-root-siblings'
import ToastContainer, { positions, durations } from './ToastContainer'

class Toast extends Component {
  static displayName = 'Toast'
  static propTypes = ToastContainer.propTypes
  static positions = positions
  static durations = durations

  static show = (message, options = { position: positions.BOTTOM, duration: durations.SHORT }) =>
    new RootSiblings((
      <ToastContainer {...options} visible>
        {message}
      </ToastContainer>
    ))

  static hide = toast => {
    if (toast instanceof RootSiblings) {
      toast.destroy()
    } else {
      console.warn(`Toast.hide expected a \`RootSiblings\` instance as argument.\nBut got \`${typeof toast}\` instead.`)
    }
  }

  componentWillMount = () => {
    this._toast = new RootSiblings(<ToastContainer {...this.props} duration={0} />)
  }

  componentWillReceiveProps = nextProps => {
    this._toast.update(<ToastContainer {...nextProps} duration={0} />)
  }

  componentWillUnmount = () => {
    this._toast.destroy()
  }

  _toast = null

  render() {
    return null
  }
}

export { RootSiblings as Manager }
export default Toast