Reagieren nativer TextInput- Grenze nicht funktioniert

Question

Hier mein Stil für die Eingabe ist:

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

Wenn ich die Rahmenbreite zu ändern, um die Größe der Eingangsänderungen, aber immer noch gibt es keine sichtbare Grenze.

Ich benutze react-native 0.15.0 mit einem Android-Gerät.

Answer 1

Ist damit Ihre Frage beantwortet: https://github.com/facebook/react-native/blob/master/docs/KnownIssues.md#text-input-border

Es scheint, es ist ein bekannter Fehler von reagieren-native ...

Sie können es versuchen, und wickeln in einer Ansicht Komponente und stellen Sie die Grenze Sie wollen auf der Ansichtskomponente.

Answer 2

Wie pro nativer doc reagieren, müssen Sie unten im Texteingabeeigenschaften einzustellen:

multiline={true} 

Answer 3

Dies wird nun auf Android fixiert über underlineColorAndroid="transparent"

Quelle: https://facebook.github.io/react-native/releases/0.26/docs/known-issues.html#text-input-border (archive)