React native 文本输入为空时,光标跳转到右端

React native 文本输入为空时,光标跳转到右端,react-native,React Native,当字段为空时,TextInput中的光标跳到右端 <TextInput autoCorrect={ false } keyboardType="number-pad" autoCapitalize="none" placeholder="Inactivity time in seconds" onChangeText={ (value) => this.setState({ inactivityTime: value }) } val

当字段为空时,
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 } />
this.setState({inactivityTime:value})
值={this.state.inactivityTime}
style={commons.pinInput}/>


只有当
TextInput
的值
prop
设置为
状态时才会发生此问题
这正是我所面临的问题,这是React native TextInput中的一个错误当输入为空时,光标会跳到右侧。只有在我使用
textAlign
center
时才会发生这种情况

因此,我必须完成实际编辑设计的过程,并将占位符和文本置于左侧的中心:

<TextInput
textAlign="left"
/>


希望此修复有帮助。事实上,这也是一个问题,所以。我可以得到一个真正的答案。

在浪费了很多时间之后,我找到了解决方案
multiline={true}

为了解决这个问题,我们将使用一个状态钩子

声明如下所示的新变量:

const[value, setValue] = useState(""); 
<TextInput
          placeholder="Enter food item"
          style={{
            margin: 10,
            justifyContent: "center",
            flex: 1,
            textAlign: "center",
          }}
          onChangeText={(val) => setValue(val)}
        />

创建文本输入字段,如下所示:

const[value, setValue] = useState(""); 
<TextInput
          placeholder="Enter food item"
          style={{
            margin: 10,
            justifyContent: "center",
            flex: 1,
            textAlign: "center",
          }}
          onChangeText={(val) => setValue(val)}
        />


如果这行得通,别忘了给我投票。

行得通。当我使用
textAlign:“left”
时,没有问题。但我不能改变设计。在不改变对齐方式的情况下,是否有其他解决方法来修复此问题?这是我面临的问题,也是一个bug,您可以做的是使用,但这是一个外部库。对此有任何更新吗?我不想使用其他图书馆。我也不能改变我的设计。