Question

我想创建一个文本输入字段，占位符文本将在react-native中显示“ Enter your digit”，现在的问题是，直到我按键盘上的任意键时，占位符文本才显示出来。如果我详细说明，那么当我运行应用程序时，占位符文本为空，如果我单击文本输入字段，则会出现键盘。现在，如果我按任意数字，则它完美地显示了这些数字；如果按十字按钮并删除了我仅在占位符文本显示时输入的所有数字。我是本机新手，所以如果有人知道这个问题，那么请在回答之前先解释一下，因为到目前为止我还没有关于此事的任何详细信息。到目前为止，我已经做了。

<TextInput style={styles.textField} placeholder="Enter your digit" placeholderTextColor= 'red' keyboardType= 'numeric'> </TextInput>

Answer 1

您的TextInput标签应该是自动关闭的。

Answer 2

我认为这是因为textinput在他的value属性中具有某些值，您可以尝试使用value=''吗？

 <TextInput 
  style={styles.textField} 
  placeholder="Enter your digit" 
  placeholderTextColor= 'red' 
  value=''
  keyboardType= 'numeric' />

如果可行，请尝试使用诸如this.state.text之类的状态值，并将初始值设置为null或''（空字符串）

为什么占位符文本未在react-native中显示为textInput字段？

2 个答案: