如何将textinput光标的初始位置设置到左上角

时间:2019-07-12 10:33:39

标签: javascript react-native textinput

我得到了一个TextInput,由于某种原因,它的初始起点在中间,如图所示: enter image description here

我怀疑textinput认为第一行从此处开始,但是我想出了如何将其告知

我希望它从左上角开始。

enter image description here

这是代码的样子:

<View style={styles.desc}>
     <Text style={styles.text}>Beskrivelse:</Text>
     <TextInput style={styles.desctextinput}
                multiline={true}
                onChangeText={(newText) => {
                     let obj = this.state.data;
                     obj.description = newText;
                     this.setState({data: obj});
                }}
                onBlur={() => {
                     console.log(this.state.data.description)
                }}
                />
</View>
const styles = StyleSheet.create({
    text: {
        fontSize: 16,
        fontWeight: 'bold'
    },
    desc: {
        flexDirection: 'column',
        paddingVertical: 10,
        paddingHorizontal: 15,
        height: 300
    },
    desctextinput: {
        flex: 1,
        borderWidth: 1,
        paddingTop: 5,
        paddingLeft: 5,
        borderColor: '#f7f7f7'
    }

});

1 个答案:

答案 0 :(得分:2)

您可以通过添加以下内容轻松解决此问题:

textAlignVertical: 'top'

到您的desctextinput样式。