memoize emoji picker styles

This commit is contained in:
Samuel Newman
2025-04-28 13:15:50 +03:00
parent f54a25cb59
commit ab1afe1133
@@ -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