Skip to content

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

Open
@Shenghan0329

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

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions