fix emoji picker dark mode

2025-04-28 10:36:36 +03:00
parent fc82f0f173
commit 0877b6dcfe
1 changed files with 4 additions and 2 deletions
@@ -1,13 +1,16 @@
+import {useColorScheme} from 'react-native'
+
 import {type EmojiPickerViewProps} from './EmojiPickerModule.types'
 import EmojiPickerNativeView from './EmojiPickerView'

 const EmojiPicker = ({onEmojiSelected}: EmojiPickerViewProps) => {
+  const scheme = useColorScheme()
  return (
    <EmojiPickerNativeView
      onEmojiSelected={emoji => {
        onEmojiSelected(emoji)
      }}
-      style={styles}
+      style={[styles, {backgroundColor: scheme === 'dark' ? '#000' : '#fff'}]}
    />
  )
 }
@@ -15,7 +18,6 @@ const EmojiPicker = ({onEmojiSelected}: EmojiPickerViewProps) => {
 const styles = {
  flex: 1,
  width: '100%',
-  backgroundColor: 'white',
 } as const

 export default EmojiPicker