TextInput working border not working

Question

Here is my input style:

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

If I change the width of the frame, the input size changes, but there is no visible border.

I am using native-native 0.15.0 with an Android device.

Answer 1

Does this answer your question: https://github.com/facebook/react-native/blob/master/docs/KnownIssues.md#text-input-border

This seems to be a well-known bug from the response-native ...

You can try and wrap it in the view component and set the desired frame in the view component.

Answer 2

As with the native dock, you should specify below in the text input properties:

 multiline={true} 

Answer 3

Now it is fixed on Android through underlineColorAndroid="transparent"

source: https://facebook.imtqy.com/react-native/releases/0.26/docs/known-issues.html#text-input-border ( archive )