Стилизация React Native Inputs
Я новичок в 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'/>}/>
Ответы 1
Это, вероятно, невозможно только с компонентом ввода.
Вы можете решить эту проблему, добавив 2 компонента View. По одному с каждой стороны TextInput.
Эти View должны быть оформлены в виде треугольника. Взгляните на это объяснение css для получения дополнительной информации https://css-tricks.com/snippets/css/css-треугольник/
Это один из способов достижения вашей цели, я не знаю, лучший ли это способ.