如何在 React Native 中创建一个半透明的 <TextInput/>？

Posted 2023-02-22

【中文标题】如何在 React Native 中创建一个半透明的 <TextInput/>？

【英文标题】：How to create a translucent <TextInput/> in React Native?

【发布时间】：2017-01-09 00:28:32

【问题描述】：

是否可以创建一个半透明的<TextInput/>，就像下面在 React Native 中显示的那样？如果是这样，任何指导或见解将不胜感激。

提前谢谢你！

【问题讨论】：

有什么问题？可能吗？ -> 是的。 “指导”很难正确回答。请在您已经尝试过的代码中包含一些代码

【参考方案1】：

你需要应用一些样式，比如不透明度和边框半径，其实很简单：

textfield: 
  backgroundColor: 'rgba(255,255,255,0.4)',
  borderRadius: 5,
  width: 250,
  height: 40,
  padding: 5,

这是一个工作示例：https://rnplay.org/apps/I-jDRg

祝你好运！

【讨论】：

欣赏它，看起来几乎一样！在我接受这个问题之前，如何让文本输入开始远离边界，就像示例中一样？因为在您提供的示例中，文本开始时非常靠近边框。另外，如何将闪烁的文本光标更改为特定的灰色？最后，我怎样才能让它根据设备大小动态调整大小？谢谢克里斯菲尔！

如果您看到我的最后一条评论，请告诉我。谢谢

请阅读文档，那里记录了所有内容，而且很容易完成；）祝你好运！

还是没有运气。您能出示一下，以便我接受答案吗？

尝试使用placeholderTextColor改变占位符的颜色