onPress prop not working for Android

Issue Description

onPress prop not working for Android. Press a message bubble and attached function does not run.

Steps to Reproduce / Code Snippets

            <GiftedChat
              messages={this.formatMessagesFromRedux()}
              onSend={messages => this.onSend(messages)}
              onLongPress={(context, message) =>
                this.onLongPressMsg(context, message)
              }
              onPress={(context, message) => {
                Alert.alert('Bubble pressed');
              }}
              user={{name: this.props.myNameText, _id: this.props.myUserId}}
              renderBubble={this.renderBubble}
              showUserAvatar={true}
              renderAvatar={props => {
                const avatarProps = props.currentMessage;
                if (avatarProps.user.avatar) {
                  return (
                    <Avatar
                      rounded
                      source={{uri: avatarProps.user.avatar}}
                      size="large"
                    />
                  );
                }
                return null;
              }}
            />

Expected Results

Alert is triggered

Additional Information

• Nodejs version: 10.16
• React version: 16.13.1
• React Native version: 0.63.3
• react-native-gifted-chat version: 0.16.3
• Platform(s) (iOS, Android, or both?): Android (havent checked ios)
• TypeScript version: n/a

[Yogesh-Dubey-Ayesavi]

Well i have solved this issue it took me almost an hour guys but we did it ’ so the solution is quite simple

1. go to GiftedChat.d.ts at ‘‘node_modules\react-native-gifted-chat\lib\GiftedChat.d.ts’’ ### add onPress event

1. Now at the same file under declaration of giftedChat at line no. 114 under static default props add the onPress event

2. Now under static prop types below add the onPress EVENT

Now we are ended with this file now open the bubble.js file at “node_modules\react-native-gifted-chat\lib\Bubble.js”

1.     this.onPress = () => {
        const { currentMessage } = this.props;
        if (this.props.onPress) {
            this.props.onPress(this.context, this.props.currentMessage);
        }
        else if (currentMessage && currentMessage.text) {
            const { optionTitles } = this.props;
            const options = optionTitles && optionTitles.length > 0
                ? optionTitles.slice(0, 2)
                : DEFAULT_OPTION_TITLES;
            const cancelButtonIndex = options.length - 1;
            this.context.actionSheet().showActionSheetWithOptions({
                options,
                cancelButtonIndex,
            }, (buttonIndex) => {
                switch (buttonIndex) {
                    case 0:
                        Clipboard.setString(currentMessage.text);
                        break;
                    default:
                        break;
                }
            });
        }
        
    };
   

2. Add the above code in the constructor at bubble.js below this.onLongPre… like this way

3. then add in touchable without feedback like this way

4. onPress= {this.onPress}

5. Then under Bubble.defuault Props add

6.   onPress: null,
   

7. this way

8. Then under Bubble.PropTypes add onPress

9.    onPress: PropTypes.func,
   

10. this way

Now guys lets move to another file Bubble.d.ts at ‘‘node_modules\react-native-gifted-chat\lib\Bubble.d.ts’’

1. Add onPress underStatic defualt props

2.      onPress: null;
   

3. this way

4. now under static PropTypes add

5.     onPress: PropTypes.Requireable<(...args: any[]) => any>;
   

6. this way

7. Now add

8.   onPress: () => void
   

9. this way

10. Also not forget to add onPress under exporting interface

11. onPress?(context?: any, message?: any): void;
    

12. this way

Now lets move to another file Bubble.js.flow this is the last file in which we have to list a change in order to fix this issue

1. add the

2.    onPress?: (context?: any, message?: any) => void,
   

3. this way

[Johan-dutoit]

It might be an issue with 16.3, try install the latest beta.