Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

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

Open
Shenghan0329 opened this issue Dec 26, 2024 · 4 comments
Open

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

Shenghan0329 opened this issue Dec 26, 2024 · 4 comments

Comments

@Shenghan0329
Copy link

Shenghan0329 commented Dec 26, 2024

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}>
@roman3672
Copy link

**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}>

Same issue, but this local fix gave me Error: Exception in HostFunction: TypeError: expected dynamic type string', but had type null'

@NoodleOfDeath
Copy link

NoodleOfDeath commented Dec 30, 2024

Can we make a PR for this fix?

EDIT: I approved #542

@blur94
Copy link

blur94 commented Jan 10, 2025

The issue with this fix @Shenghan0329 is that we cannot deploy node_modules. Do you know how we handle this situation in prod?

@Osval-1
Copy link

Osval-1 commented Jan 14, 2025

@blur94
Try adding { inputIOSContainer: { pointerEvents: "none" } } as referenced here #636
it fixed it for me on IOS expo SDK 52

# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants