From ab1afe1133654d6bf1194925fa0771e1ad2d7d30 Mon Sep 17 00:00:00 2001
From: Samuel Newman <mozzius@protonmail.com>
Date: Mon, 28 Apr 2025 13:15:50 +0300
Subject: [PATCH] memoize emoji picker styles

---
 .../src/EmojiPicker.android.tsx               | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/modules/expo-emoji-picker/src/EmojiPicker.android.tsx b/modules/expo-emoji-picker/src/EmojiPicker.android.tsx
index bc6721abda..d8493b72e3 100644
--- a/modules/expo-emoji-picker/src/EmojiPicker.android.tsx
+++ b/modules/expo-emoji-picker/src/EmojiPicker.android.tsx
@@ -1,3 +1,4 @@
+import {useMemo} from 'react'
 import {useColorScheme} from 'react-native'
 
 import {type EmojiPickerViewProps} from './EmojiPickerModule.types'
@@ -5,19 +6,23 @@ import EmojiPickerNativeView from './EmojiPickerView'
 
 const EmojiPicker = ({onEmojiSelected}: EmojiPickerViewProps) => {
   const scheme = useColorScheme()
+  const styles = useMemo(
+    () =>
+      ({
+        flex: 1,
+        width: '100%',
+        backgroundColor: scheme === 'dark' ? '#000' : '#fff',
+      } as const),
+    [scheme],
+  )
+
   return (
     <EmojiPickerNativeView
       onEmojiSelected={emoji => {
         onEmojiSelected(emoji)
       }}
-      style={[styles, {backgroundColor: scheme === 'dark' ? '#000' : '#fff'}]}
+      style={styles}
     />
   )
 }
-
-const styles = {
-  flex: 1,
-  width: '100%',
-} as const
-
 export default EmojiPicker