search

lawnstarter / react-native-picker-select

🔽 A Picker component for React Native which emulates the native <select> interfaces for iOS and Android
https://npmjs.com/package/react-native-picker-select
MIT License
1.74k stars 497 forks source link

InputAccessoryView - Up and Down arrows are not working #482

Closed satya-imaginea closed 9 months ago

satya-imaginea commented 2 years ago

https://github.com/lawnstarter/react-native-picker-select/blob/ca6488c2eef5c776a8071400c8b7987712d43397/src/index.js#L179

If onDownArrow/onUpArrow prop was provided, the this.onDownArrow will be called which closes the selector options instead of moving the selected option up/down. This is happening as we are calling the this.togglePicker(false, <onDown/UPArrow>) when we click on the Up/down arrows of InputAccessoryView. 'done' action is working fine as its purpose is to close the selection widget.

Nsquik commented 2 years ago

Yea same problem, probably need to make a fork of this project to suit it for your needs...

Or have you found another solution?

satya-imaginea commented 2 years ago

Yea same problem, probably need to make a fork of this project to suit it for your needs...

Or have you found another solution?

We have hidden the up&down arrows as they are optional :)

lfkwtz commented 9 months ago

that's how the picker functions natively on the web - which this project tries to emulate

hotaryuzaki commented 7 months ago

Yea same problem, probably need to make a fork of this project to suit it for your needs... Or have you found another solution?

We have hidden the up&down arrows as they are optional :)

how to hidden it? i tried some props but not succeed

hotaryuzaki commented 7 months ago

Yea same problem, probably need to make a fork of this project to suit it for your needs... Or have you found another solution?

We have hidden the up&down arrows as they are optional :)

how to hidden it? i tried some props but not succeed

ok i found it

style={{ inputIOS: styles.inputIOS, chevronUp: { display: "none" }, chevronDown: { display: "none" }, done: { color: Colors.colorLevel51 } }}