Блог

Раньше у меня не было этой проблемы, но по какой-то причине прямо сейчас мое поле ввода текста начинается с 0, и оно не будет начинаться с держателя места, который я установил. Когда я удаляю 0, когда начинаю вводить, он исчезает и как бы расширяется, при этом виден держатель места. У кого-нибудь есть какие-либо советы о том, как я могу начать его с полнотекстового баннера ввода и без 0?

Вот фотографии того, что происходит:

Начало

После нажатия на ввод текста

Вот мой код:

  return (
            <View style={styles.container}>
             
                <TextInput
                    style={styles.input}
                    placeholderTextColor="#aaaaaa"
                    secureTextEntry
                    placeholder='Blood Pressure'
                    underlineColorAndroid="transparent"
                    autoCapitalize="none"
                    multiline
                    onChangeText={(bp) => this.setState({ bp })}
                    value={`${this.state.bp}`}

                />
               

                <View style={styles.modalContainer}>
                    <View style={styles.innerContainer}>
                    <TouchableOpacity onPress=
                    {
                        this.updateInfo,
                        this.onFooterLinkPress
                    }
                    >
                    <Text style={styles.buttonTitle}>Submit Data</Text>
                    </TouchableOpacity>
            </View>
        );
 

Стили:

 import { StyleSheet } from 'react-native';

export default StyleSheet.create({
    container: {
        flex: 5,
        alignItems: 'center'
    },
    title: {

    },
    logo: {
        flex: 1,
        height: 120,
        width: 90,
        alignSelf: "center",
        margin: 30
    },
    input: {
        height: 48,
        borderRadius: 5,
        overflow: 'hidden',
        backgroundColor: 'white',
        marginTop: 10,
        marginBottom: 10,
        marginLeft: 30,
        marginRight: 30,
        paddingLeft: 16
    },
    button: {
        backgroundColor: '#788eec',
        marginLeft: 30,
        marginRight: 30,
        marginTop: 20,
        height: 48,
        borderRadius: 5,
        alignItems: "center",
        justifyContent: 'center'
    },
    buttonTitle: {
        color: 'white',
        fontSize: 16,
        fontWeight: "bold"
    },
    footerView: {
        flex: 1,
        alignItems: "center",
        marginTop: 20
    },
    footerText: {
        fontSize: 16,
        color: '#2e2e2d'
    },
    footerLink: {
        color: "#788eec",
        fontWeight: "bold",
        fontSize: 16
    }
})