Comment changer la position du texte en entrée
Comment puis-je corriger le TextPosition il est donc pas sur la ligne, mais un peu au-dessus?
La composante de courant:
import React from 'react';
import { TextInput, View, Text } from 'react-native';
const Input = ({ label, value, onChangeText, placeholder, secureTextEntry, multiline }) => {
const { inputStyle, labelStyle, containerStyle } = styles;
return (
<View style={containerStyle}>
<Text style={labelStyle}>{label}</Text>
<TextInput
multiline={multiline}
secureTextEntry={secureTextEntry}
placeholder={placeholder}
autoCorrect={false}
value={value}
onChangeText={onChangeText}
underlineColorAndroid='#38c179'
style={inputStyle}
/>
</View>
);
};
const styles = {
inputStyle: {
color: 'white',
paddingRight: 5,
paddingLeft: 5,
fontSize: 18,
lineHeight: 23,
flex: 2
},
labelStyle: {
fontSize: 18,
marginLeft: 15,
flex: 1,
color: 'white'
},
containerStyle: {
height: 40,
flex: 1,
flexDirection: 'row',
alignItems: 'center',
marginBottom: 5
}
};
export { Input };
Si vous ajoutez l'ensemble du composant et créez un [snack] (https://snack.expo.io/) reproduisant le problème, il sera plus facile de vous aider – QoP