Why Is the “Face with Tears of Joy” Emoji Displaying in Black and White in a Text Component But Normally in a TextInput Component? [closed]
Closed 28 mins ago.
Emoji displaying in black and white in a Text Component, but normally in a TextInput Component
I am encountering an issue in one of my tasks where the “Face with Tears of Joy” emoji (????) displays in black and white instead of in color when used within a Text component, whereas in a TextInput component, it displays normally. I have added a screenshot below for more clarification.
Face of Tears of Joy emoji truns to black in Text component in the react native [closed]
Closed 1 min ago.
Emoji displaying in black and white in a Text Component, but normally in a TextInput Component
I am encountering an issue in one of my tasks where the “Face with Tears of Joy” emoji (????) displays in black and white instead of in color when used within a Text component, whereas in a TextInput component, it displays normally. I have added a screenshot below for more clarification.
Displaying in black in Text component in the react native
if (isDescriptionText) { return ( <> <TextInput multiline placeholderTextColor={theme.secondary} placeholder=”Write something…” value={description} onChangeText={handleChange} onContentSizeChange={(event) => { setInputHeight(event.nativeEvent.contentSize.height + 57); }} style={styles.input} onFocus={handleFocus} onBlur={handleBlur} {…testProps} /> <Text>{description}</Text> </> ); In textInput Component emoji is displaying normally and in Text Component it trun to black reactjs react-native react-native-text 1
Displaying in black in Text component in the react native
if (isDescriptionText) { return ( <> <TextInput multiline placeholderTextColor={theme.secondary} placeholder=”Write something…” value={description} onChangeText={handleChange} onContentSizeChange={(event) => { setInputHeight(event.nativeEvent.contentSize.height + 57); }} style={styles.input} onFocus={handleFocus} onBlur={handleBlur} {…testProps} /> <Text>{description}</Text> </> ); In textInput Component emoji is displaying normally and in Text Component it trun to black reactjs react-native react-native-text