Added onAvatarPress

README.md

@@ -118,7 +118,8 @@ See [example/App.js](example/App.js)
 - **`renderSend`** _(Function)_ - render the send button
 - **`renderAccessory`** _(Function)_ - renders a second line of actions below the message composer
 - **`bottomOffset`** _(Integer)_ - distance of the chat from the bottom of the screen, useful if you display a tab bar
-
+- **`onAvatarPress`** _(Function)_ - Called when Avatar is pressed
+- **`onLongPress`** _(Function)_ - Called when message bubble is Long Pressed
 
 ## Features
 - Custom components

src/Avatar.js

@@ -16,7 +16,7 @@ export default class Avatar extends React.Component {
     return (
       <GiftedAvatar
         avatarStyle={StyleSheet.flatten([styles[this.props.position].image, this.props.imageStyle[this.props.position]])}
-        user={this.props.currentMessage.user}
+        user={this.props.currentMessage.user} onPress={this.props.onAvatarPress}
       />
     );
   }
@@ -27,6 +27,7 @@ export default class Avatar extends React.Component {
         <View style={[styles[this.props.position].container, this.props.containerStyle[this.props.position]]}>
           <GiftedAvatar
             avatarStyle={StyleSheet.flatten([styles[this.props.position].image, this.props.imageStyle[this.props.position]])}
+            onPress={this.props.onAvatarPress}
           />
         </View>
       );

src/Bubble.js

@@ -72,7 +72,7 @@ export default class Bubble extends React.Component {
 
   onLongPress() {
     if (this.props.onLongPress) {
-      this.props.onLongPress(this.context);
+      this.props.onLongPress(this.props.currentMessage, this.context);
     } else {
       if (this.props.currentMessage.text) {
         const options = [