Gifted Chat UI For React Native

Description:

The most complete chat UI for React Native (formerly known as Gifted Messenger).

Installation:

npm install react-native-gifted-chat --save

Usage:

// iOS
import {
  AppRegistry,
} from 'react-native';
import App from './App';
AppRegistry.registerComponent('GiftedChat', () => App);
// Android
import {
  AppRegistry,
} from 'react-native';
import App from './App';
AppRegistry.registerComponent('GiftedChat', () => App);

Default props:

GiftedChat.defaultProps = {
  messages: [],
  onSend: () => {
  },
  loadEarlier: false,
  onLoadEarlier: () => {
  },
  locale: null,
  isAnimated: Platform.select({
      ios: true,
      android: false,
  }),
  renderAccessory: null,
  renderActions: null,
  renderAvatar: null,
  renderBubble: null,
  renderFooter: null,
  renderChatFooter: null,
  renderMessageText: null,
  renderMessageImage: null,
  renderComposer: null,
  renderCustomView: null,
  renderDay: null,
  renderInputToolbar: null,
  renderLoadEarlier: null,
  renderLoading: null,
  renderMessage: null,
  renderSend: null,
  renderTime: null,
  user: {},
  bottomOffset: 0,
  isLoadingEarlier: false,
};

Preview:

Gifted Chat UI For React Native

Tags:

Add Comment