App2.jsx

import React, { Component } from 'react'
import { View, Button } from 'react-native'

const newNotifications = [
  {
    id: 1,
    message: "I'm here to bother you. Don't ignore me!",
    avatar: require('./images/3cpo.jpg')
  },
  {
    id: 2,
    message: "Luke, I'm your father 😬",
    avatar: require('./images/darth.jpeg')
  },
  {
    id: 3,
    message: "Morning. May the Force be with you!",
    avatar: require('./images/leia.jpg')
  },
  {
    id: 4,
    message: "Oi sumido 😎",
    avatar: require('./images/rey.jpg')
  }
]

class App extends Component {
  state = { notifications: [] }

  render () {
    <View>
      <TopBarNotification {...this.state} />
      
      <Button
        onPress={() => this.setState({ notifications: newNotifications )}
        title="Receive Notifications"
      />
    </View>
  }
}