Android-Emoji is selected only on second tap

src/components/EmojiPicker/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import {Dimensions} from 'react-native';
+import {Dimensions, Keyboard} from 'react-native';
 import _ from 'underscore';
 import EmojiPickerMenu from './EmojiPickerMenu';
 import CONST from '../../CONST';
@@ -33,6 +33,15 @@ class EmojiPicker extends React.Component {
         this.emojiPopoverDimensionListener = Dimensions.addEventListener('change', this.measureEmojiPopoverAnchorPosition);
     }
 
+    componentDidUpdate(prevProps, prevState) {
+        if (prevState.isEmojiPickerVisible === this.state.isEmojiPickerVisible || !this.state.isEmojiPickerVisible) {
+            return;
+        }
+
+        // Dismiss the Keyboard and focus to prevent emoji press twice when selecting an emoji
+        Keyboard.dismiss();
+    }
+
     componentWillUnmount() {
         if (!this.emojiPopoverDimensionListener) {
             return;

src/pages/home/report/ReportActionCompose.js

@@ -272,8 +272,8 @@ class ReportActionCompose extends React.Component {
                 // Keyboard is not opened after Emoji Picker is closed
                 // SetTimeout is used as a workaround
                 // https://github.com/react-native-modal/react-native-modal/issues/114
-                // We carefully choose a delay. 50ms is found enough for keyboard to open.
-                setTimeout(() => this.textInput.focus(), 50);
+                // We carefully choose a delay. 100ms is found enough for keyboard to open.
+                setTimeout(() => this.textInput.focus(), 100);
             }
         });
     }