设置React本机输入的样式

Question

我是React Native的新手，我一直在玩输入。如何从他们的文档中获得第一张图片的外观？

https://react-native-training.github.io/react-native-elements/docs/input.html

我正在查看他们的文档，并且看到有一个名为inputContainerStyle的字段。但是，我看不到任何可能使用的值。

这就是我所拥有的：

<Input placeholder="Email Address" textAlign="center" autoCapitalize = "none" leftIcon={<Icon name='user' size={24} color='black'/>}/>

Answer 1

仅输入组件可能无法实现。

您可以通过添加2个View组件来解决此问题。 TextInput的每一侧。

这些View的样式应为三角形。查看此CSS解释以了解更多信息https://css-tricks.com/snippets/css/css-triangle/

这是实现目标的一种方法，我不知道这是否是“最佳”方法。