picker icon indicating copy to clipboard operation
picker copied to clipboard

Styling the border

Open mxmzb opened this issue 5 years ago • 6 comments

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?

mxmzb avatar Aug 30 '20 22:08 mxmzb

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.

VictorPascu avatar Aug 31 '20 17:08 VictorPascu

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

glennreyes avatar Oct 25 '20 17:10 glennreyes

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

osvaldokalvaitir avatar Jun 01 '21 00:06 osvaldokalvaitir

Still completely broken.

llaver avatar Oct 14 '21 08:10 llaver

still without solution?

ajunior-hes avatar Jul 01 '22 16:07 ajunior-hes