GiftedMessenger Starter

gifted-starter.js

import React from "react";
import { StyleSheet, Text, View } from "react-native";
import { GiftedChat } from "react-native-gifted-chat";

export default class App extends React.Component {
  constructor(props) {
    super(props);
    let firstMsg = {
      _id: 1,
      text: "Hello CoderSchool Fan!",
      createdAt: new Date(),
      user: {
        _id: 2,
        name: "Kunal Jathal",
        avatar: "http://www.coderschool.vn/system/instructors/avatar_images/000/000/001/original/kunal.jpg?1531064314"
      }
    }

    this.state = {
      messages: [firstMsg]
    }
  }

  onSend(messages = []) {
    this.setState(previousState => ({
      messages: GiftedChat.append(previousState.messages, messages),
    }));
  }

  render() {
    return (
      <View style={{flex: 1}}>
        <GiftedChat
          messages={this.state.messages}
          onSend={messages => this.onSend(messages)}
          user={{
            _id: 1
          }}
        />
      </View>
    );
  }
}