为什么在react-native中textInput输入框的占位符文本没有显示？

Question

我想在React Native中创建一个文本输入框，其中占位符文本将显示“输入您的数字”。现在的问题是，占位符文本直到我按下键盘上的任何键才会显示。更具体地说，当我运行应用程序时，占位符文本为空。如果我点击文本输入框，则键盘出现。现在，如果我按下任何数字，则会完美显示这些数字，如果我按下交叉按钮并删除我输入的所有数字，那么只有此时占位符文本才会显示。我是React Native的新手，如果有人知道问题，请在回答之前解释一下，因为到目前为止我还没有得到有关此问题的详细信息。到目前为止，我所做的就是：

- Emon

Answer 1

我认为这是因为textinput在它的value属性中有一些值，请尝试使用 value=''？

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

如果这样可行，尝试使用一些状态值，例如this.state.text，并将初始值设置为null或''（空字符串）。

- ValdaXD

---

谢谢，你是对的...文本输入框接收到了空字符串。 :) - Emon

好的，现在它可以工作了。问题不在于值属性，而是标签没有自闭合。 - Joshua Obritsch

<TextInput style={styles.textField} placeholder="输入数字" placeholderTextColor= '红色' keyboardType= 'numeric' /> 这也能给我想要的结果。 - Emon

哦，那么问题就出在标签上了，可能是 <TextInput> </TextInput> 之间的空格被视为初始值了 C: - ValdaXD

Answer 2

您的TextInput标记应该是自闭合的。

- Joshua Obritsch

---

是的，它起作用了。两者之间有什么区别？ - ABDUL RAHMAN