Notification2.jsx

import { Animated } from 'react-native'

class Notification extends Component {
  constructor(props) {
    super(props)

    this.offset = new Animated.Value(props.offset)
  }

  componentDidMount() {
    Animated.sequence([
      Animated.delay(this.props.delay),
      Animated.spring(this.offset, {
        tension: -5,
        toValue: 0
      }),
      Animated.timing(this.offset, {
        duration: 1000,
        toValue: -80
      })
    ]).start(() => this.props.removeNotification(this.props.id))
  }

  render() {
    const { message, avatar } = this.props

    return (
      <Animated.View
        style={[styles.messageContainerStyle, {
          transform: [{
            translateY: this.state.offset
          }]
        }]}
      >
        <Image source={this.props.avatar} />
        <Text>Nova Mensagem</Text>
        <Text>{this.props.message}</Text>
      </Animated.View>
    )
  }
}