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

我是 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'/>}/>

【问题讨论】:

    标签: reactjs email input native


    【解决方案1】:

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

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

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2020-11-01
      • 1970-01-01
      • 2017-02-27
      • 2021-09-06
      • 2020-06-10
      • 1970-01-01
      • 2018-02-09
      • 2018-07-21
      相关资源
      最近更新 更多