2016-09-01 106 views
-5

是否有可能创建一个半透明的<TextInput/>,完全如下面的React Native所示?如果是这样,任何指导或见解将不胜感激。如何在React Native中创建半透明<TextInput/>?

预先感谢您!

enter image description here

+0

有什么问题?可能吗? - >是的。 “指导”很难正确回答..请包括您已经尝试过的一些代码 – dv3

回答

0

您将需要应用一些风格,如不透明度和边界半径,它其实很简单:

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

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

祝你好运!

+0

欣赏它,看起来几乎一样!在我接受这个问题之前,我将如何让文本输入从例子中远离边界开始?因为在您提供的示例中,文本开始非常接近边框。另外,如何将闪烁的文本光标更改为特定的灰色?最后,我怎样才能使它动态调整大小取决于设备的大小?感谢Crysfel! –

+0

如果您看过我的最新评论,请让我知道。谢谢 –

+0

请阅读文档,一切都记录在那里,它很容易完成;)祝你好运! – Crysfel