Skip to content

IOS with expo SDK 52: RNPickerSelect is not clickable #646

Description

@Shenghan0329

Describe the bug

IOS with expo SDK 52: RNPickerSelect is not clickable

To Reproduce

Steps to reproduce the behavior:

  1. Expo SDK 52 on iOS 17.6.1
  2. Click on RNPickerSelect Component with value and list of options
  3. List of options doesn't show up

Expected behavior

There will be a list of options

Screenshots

n/a

Additional details

  • Device: [iPhoneXR]
  • OS: [17.6.1]
  • react-native-picker-select version: [9.3.1]
  • react-native version: [0.76.5]
  • expo sdk version: [52]

Reproduction and/or code sample

<RNPickerSelect
            onValueChange={(value) => setRequestType(value)}
            items={[
              { label: 'In Person', value: 'In Person' },
              { label: 'Remote', value: 'Remote' },
            ]}
            value={requestType}
            style={{
                  inputIOS: pickerSelectStyles.inputIOS,
                  inputAndroid: pickerSelectStyles.inputAndroid,
            }}
/>

**Potential Reason: **

React Native Elements - Wrapping a touchable opacity around an input does not work in IOS

**Local Fix: **

  1. Go to 'src/index.js'
  2. Change line 426 from <View pointerEvents="box-only" style={containerStyle}> to <View pointerEvents="none" style={containerStyle}>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions