样式化 React Native 输入答案

【问题标题】：Styling React Native Inputs样式化 React Native 输入
【发布时间】：2019-03-13 22:37:43
【问题描述】：

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

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

这就是我所拥有的：

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

【问题讨论】：

【解决方案1】：

这可能仅使用 Input 组件是不可能的。

您可以通过添加 2 个View 组件来解决此问题。 TextInput 两边各一个。

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

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

【讨论】：