如何在React Native中创建半透明的<textinput>?

时间:2016-09-01 08:12:27

标签: javascript html css reactjs react-native

是否有可能创建一个半透明的<TextInput/>,如下所示,在React Native中?如果是这样,我们将非常感谢任何指导或见解。

提前谢谢!

enter image description here

1 个答案:

答案 0 :(得分:1)

您需要应用一些样式,例如不透明度和边框半径,实际上非常简单:

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

以下是一个有效的例子:https://rnplay.org/apps/I-jDRg

祝你好运!