Как убрать тонкую границу в строке поиска автозаполнения Google Карт [React Native] - PullRequest
Новая
       33

Как убрать тонкую границу в строке поиска автозаполнения Google Карт [React Native]

0 голосов
/ 25 ноября 2018

Я пытаюсь создать панель поиска без полей из реакции-нативного-google-place-autocomplete, но я не вижу границы, тени или чего-либо еще, чтобы исчезнуть (изображение ниже).

Отображение строки поиска с рамкой

Search Bar

Это код стиля из изображения.Я пробовал shadowOpacity: 0, полупрозрачный shadowColor и устанавливал сплошную границу с полупрозрачным цветом. 

styles = {{
            textInputContainer: {
                width: 370,
                backgroundColor: 'rgba(0,0,0,0)',
                borderColor: 'rgba(0,0,0,0)'
                }

Кто-нибудь там успешно разрабатывал эту границу?Спасибо!

1 Ответ

0 голосов
/ 25 ноября 2018

Если вы посмотрите, как они реализовали панель поиска, вы увидите, какие стили по умолчанию : 

textInputContainer: {
  backgroundColor: '#C9C9CE',
  height: 44,
  borderTopColor: '#7e7e7e',
  borderBottomColor: '#b5b5b5',
  borderTopWidth: 1 / PixelRatio.get(),
  borderBottomWidth: 1 / PixelRatio.get(),
  flexDirection: 'row',
},

Тогда вам просто нужно переопределить их (как ты и пытался): 

textInputContainer: {
  borderTopWidth: 0,
  borderBottomWidth: 0,
  ...
},
...