TextInput 输入空时光标跳到右端

Aja*_*van 12 react-native

当字段为TextInput空时,光标会跳到右端。

<TextInput 
    autoCorrect={ false }
    keyboardType="number-pad"
    autoCapitalize="none"
    placeholder="Inactivity time in seconds"
    onChangeText={ (value) => this.setState({ inactivityTime: value }) }
    value={ this.state.inactivityTime }
    style={ commons.pinInput } />
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

prop仅当的值TextInput设置为 时才会发生此问题state

Sai*_*aid 17

浪费了大量时间后,我找到了解决方案添加 multiline={true}

  • 多谢,伙计。这工作正常,您也可以使用行数。例如,我想要一行文本,所以我使用了 numberOfLines={1} (2认同)

Gau*_*Roy 1

这正是我面临的问题,它是 React Native textInput 中的一个错误,当输入为空时,光标会跳到右侧。只有当我使用时才会发生这种情况textAlign center

因此,我必须经历实际编辑设计并将占位符和文本分配在左侧居中的过程:

<TextInput
textAlign="left"
/>
Run Code Online (Sandbox Code Playgroud)

希望此修复有所帮助。实际上也赞成问题,所以。我可以获得真正的答案。