Styling the border

[mxmzb]

Question

Is it possible to change the style of the borders (or remove them altogether) above and below the selected item? If yes, how do you do that?

[VictorPascu]

Found this on another answer, but you can do something like:

<View style={{ borderRadius: 15, borderWidth: 0, overflow: "hidden", height: 15, padding: 0, backgroundColor: "#FFF" }}> <Picker> (...) </Picker> </View>

So that the view takes precedence and clips any excess from the picker.

[glennreyes]

It seems that the native properties for the selection indicator styles aren't bridged over yet.

Related:

• https://github.com/react-native-picker/react-native-picker/blob/master/ios/RNCPicker.m#L27
• https://developer.apple.com/forums/thread/659184

[osvaldokalvaitir]

On Android this solution was horrible, the text has a padding or a margin that gets huge if you put a border

[llaver]

Still completely broken.

[ajunior-hes]

still without solution?

[BerkayAkgurgen]

You can hide the border with outline.

outline: 1px solid red;
outline-offset: -1px;
border: none;