2015-11-29 16 views
5

Oto mój styl dla wejścia:React natywną TextInput granicę nie działa

searchBarInput: { 
    flex: 1, 
    fontSize: 20, 
    fontWeight: 'bold', 
    color: 'white', 
    height: 50, 
    padding: 0, 
    backgroundColor: 'transparent', 
    borderColor: '#000000', 
    borderWidth: 50, 
    borderStyle: 'solid', 
} 

Gdybym zmienić szerokość obramowania, rozmiar zmian wejściowych, ale wciąż nie ma widocznych granic.

Korzystam z wersji natywnej reakcji 0.15.0 na urządzeniu z Androidem.

Odpowiedz

7

Czy to odpowiedź na Twoje pytanie: https://github.com/facebook/react-native/blob/master/docs/KnownIssues.md#text-input-border

Wydaje się, że jest to znany błąd z reagują-rodzimy ...

Można spróbować i owinąć go w widoku komponentu i ustawić granicę chcesz na komponencie widoku.

+0

próbowałem nie ustawianie wysokości i to nie pomogło. – Nirri

+0

Myślę, że nie możesz zmienić granicy, to jest problem. możesz po prostu "zrobić to niewidzialnym" ... –

+0

O, widzę. Więc może najlepiej jest owijać go w inny element? – Nirri

1

Zgodnie reagować natywną doc, trzeba ustawić poniżej właściwości tekstu:

multiline={true} 
Powiązane problemy