Mi marcador de posición no muestra el texto del marcador de posición. Se muestra la entrada de texto. El texto del marcador de posición también se muestra mientras ejecuto el emulador. Pero cuando instalo y ejecuto el código en mi dispositivo. No muestra ningún texto de marcador de posición.

Aquí está mi código

 <View style={styles.root}> <Text style={styles.title}>Create an account</Text> <CustomInput placeholder="Username" value={userName} setValue={setUserName} /> </View>

La hoja de estilo se ve así:

 const styles = StyleSheet.create({ root: { alignItems: 'center', padding: 20 }, title:{ fontSize: 24, fontWeight: 'bold', color: '#051c60', margin:10 } })

;

La sección de entrada personalizada se ve así:

 import { View, TextInput, StyleSheet } from 'react-native' import React from 'react' const CustomInput = ({value, setValue, placeholder, secureTextEntry}) => { return ( <View style={styles.container}> <TextInput placeholder={placeholder} value={value} onChangeText={setValue} style={styles.input} secureTextEntry={secureTextEntry} /> </View> ) } const styles = StyleSheet.create({ container:{ backgroundColor:'white', width: '100%', borderColor:'#e8e8e8', borderWidth:1, borderRadius:5, paddingHorizontal:10, marginVertical:5, }, input:{ fontSize:16, color:'#000', paddingVertical:10, } }) export default CustomInput;