React-native-picker-select: Programmatically focus picker

[sidraval]

Is your feature request related to a problem? Please describe.
I have a form with several fields, a couple text inputs followed by a picker. I'd like to use the 'Next' button on the iOS/Android keyboard to programmatically focus the picker.

Describe the solution you'd like
A method that programmatically focuses the picker.

[kdonovan]

It's apparently undocumented, but have you tried togglePicker()?

[lfkwtz]

@sidraval does togglePicker solve your needs on iOS?

For Android, this issue exists on the feature req board as #22

[lfkwtz]

@sidraval let me know if that solves it so i can close this out

[sidraval]

@lfkwtz My project wrapped up, so I can't test togglePicker() anymore – I'll close this out now

[mikerodham]

Just to confirm, yes this.refs['picker'].togglePicker() worked.

[dextermb]

Just to confirm, yes this.refs['picker'].togglePicker() worked.

Calling togglePicker outside of the component does not seem to work for me:

this.select.current.togglePicker();

<RNPickerSelect
    ref={this.select}
    onValueChange={fn}
    items={[]}
/>

[dextermb]

Just to confirm, yes this.refs['picker'].togglePicker() worked.

Calling togglePicker outside of the component does not seem to work for me:

this.select.current.togglePicker();

<RNPickerSelect
    ref={this.select}
    onValueChange={fn}
    items={[]}
/>

This seems to work on iOS but not android.

[lfkwtz]

see link above ^ #22

[llaine]

Outside of the component calling open works for me

class InputSelect {
  private picker;
  render() {
    return (
      <RNPickerSelect ref={e => this.picker = e} ... />
    )
  }
  open() { this.picker.togglePicker() }
}