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,您可以做的是使用,但这是一个外部库。对此有任何更新吗?我不想使用其他图书馆。我也不能改变我的设计。