react-native-wheely Scroll Not Working

When using the code provided in the readme, nothing happens when I attempt to scroll.

The list renders as expected, but nothing happens on press

const [selectedIndex, setSelectedIndex] = useState(0);
...
<WheelPicker
                selectedIndex={selectedIndex}
                options={['Berlin', 'London', 'Amsterdam']}
                onChange={(index) => setSelectedIndex(index)}
            />

"dependencies": {
    "@fortawesome/fontawesome-svg-core": "^6.2.0",
    "@fortawesome/free-brands-svg-icons": "^6.2.0",
    "@fortawesome/free-regular-svg-icons": "^6.2.0",
    "@fortawesome/free-solid-svg-icons": "^6.2.0",
    "@fortawesome/react-native-fontawesome": "^0.3.0",
    "@react-navigation/bottom-tabs": "^6.4.0",
    "@react-navigation/native": "^6.0.13",
    "@react-navigation/native-stack": "^6.9.1",
    "node-sass": "^7.0.3",
    "react": "18.1.0",
    "react-native": "0.70.4",
    "react-native-fs": "^2.20.0",
    "react-native-gesture-handler": "^2.8.0",
    "react-native-safe-area-context": "^4.4.1",
    "react-native-sass-transformer": "^2.0.0",
    "react-native-screens": "^3.18.2",
    "react-native-sound": "^0.11.2",
    "react-native-star-rating-widget": "^1.3.1",
    "react-native-svg": "^13.5.0",
    "react-native-track-player": "^3.2.0",
    "react-native-wheely": "^0.6.0"
  },

Nov 19 '22 20:11 jasonmcaffee

Do you use the WheelPicker within a ScrollView or component that uses a ScrollView internally?

Nov 20 '22 12:11 erksch

Do you use the WheelPicker within a ScrollView or component that uses a ScrollView internally?

Hi, i have same issue i want to use WheelPicker in ScrollView but not work, how can i fix it?

Dec 20 '22 21:12 emami7495

I'm having the same issue. @jasonmcaffee did you find a solution? @erksch are you saying it should NOT be inside a scroll view? For me it's not inside a scrollview but no touches work.

Jan 21 '23 18:01 tsheaff

No, sorry, ended up just using a dropdown

Jan 21 '23 21:01 jasonmcaffee

@tsheaff The picker does not work within a ScrollView. Can you share a reproducer for your specific problem?

Jan 21 '23 23:01 erksch

@jasonmcaffee @emami7495 @tsheaff it's work for on android

import React from 'react'
import { View, Text } from 'react-native'
import WheelPicker from 'react-native-wheely'; // v0.6.0

const App = () => {
  return (
    <View style={{ flex: 1 }}>
      <ScrollView>
        <WheelPicker
          flatListProps={{ nestedScrollEnabled: true }} // add line
        />
        <Text>Something here</Text>
      </ScrollView>
    </View>
  )
}

export default App

Feb 24 '23 03:02 tuantvk

No solution for this? Just showing list and scroll is freezed

Jul 20 '23 11:07 minisk93

Actually by some reason scrolling didn't work within a react-native Modal component

Jul 20 '23 11:07 minisk93

Actually by some reason scrolling didn't work within a react-native Modal component

Okay, I found the problem - its a Pressable component. When WheelPicker is inside of it, it's not responsive. Maybe some props may change it, but not sure about it

Jul 20 '23 11:07 minisk93

Inside react-native-bottomsheet scroll won't work as well

Aug 01 '23 12:08 minisk93

scroll doesn't work inside modal :(