2017-10-21 66 views
0

faulty text positionComment 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 }; 
+0

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

Répondre

1

essayer d'augmenter la hauteur du récipient, en ajoutant paddingBottom ou un ensemble marginTop: -10 à l'entrée. En outre, le centre d'alignItems peut également causer le problème, expérimenter avec ceux-ci.

+0

C'était le centre alignItems –