javascript - 如何将文本输入光标的初始位置设置为左上角

标签 javascript react-native textinput

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

我怀疑文本输入认为第一行从那里开始,但我不知道如何告诉它否则

我希望它从左上角开始。

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'
    }

});

最佳答案

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

textAlignVertical: 'top'

到您的 desctextinput 样式。

关于javascript - 如何将文本输入光标的初始位置设置为左上角,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57005212/

相关文章:

javascript - 当 `label` 元素包含子元素 `span` 时,单击标签会触发子元素而不是父元素

javascript - 如何补偿圆形 slider 组件中的旋转容器 View ?

javascript - 输入字段动态隐藏,以后无法显示

c++ - 程序跳过一行代码

javascript - 未捕获的类型错误 : "(function call) is not a function"

javascript - D3 数据可视化对齐刻度标签和矩形

javascript - 如何在 Bluemix 上的 Websphere liberty 配置文件中启用 javax.script?

android - 任务 ':app:processDebugManifest' 执行失败 - React Native

android - React Native - 为什么我的项目文件夹占用了这么多空间?

html - 在 jQuery Mobile 中保留文本输入值