Стилизация React Native Inputs

Question

Я новичок в React Native и играю с входными данными.Как мне получить внешний вид первой картинки из их документации?

https://react -native-training.github.io /act-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 /

Это один из способов достижения вашей цели, я не знаю, является ли это «лучшим» способом.