CircularSlider not slide on IOS

[Chí Phan]

Help me, on android slider good but not act on IOS

[Kevin Esherick]

I'm experiencing the same issue. Using the example exactly as shown in the docs and it does not respond to touch at all. This is on an iOS device, have not tested on Android or in simulator. Did you find a solution to this? Anyone else have this issue or possibly know a fix?

[Dr. Jukka Silvennoinen]

Having the same issue, did you find any solution?

[Kevin Esherick]

Nope, sorry. I just abandoned the package

[Dr. Jukka Silvennoinen]

I managed to get mine working, issue appeared to be caused by differences between javascript engines, and root issue was in my modifications. The example (after modified so it compiles) code in general does work nice with iOS

[Chí Phan]

CircularSlider don't work in Modal & child component. you should render direct on component's working

[Chí Phan]

@DrJukka How special?

[Hoang Le]

I'm also experiencing this issue with iOS, does anyone has tried and made this work for iOS?

[Dr. Jukka Silvennoinen]

the original example worked fine in iOS. My own issue was that there was a box added into the middle of the component, that somehow prevented the touchevents reaching the slider with iOS. Anyway, the original did not have than included

[Hoang Le]

Actually, I didn't modify the example, I just fixed to code to work with latest expo and react-native version also changing transform to use x and y props

<G fill={gradientColorTo} x={stop.toX} y={stop.toY} // transform={{ translate: ${stop.toX}, ${stop.toY} }} onPressIn={() => this.setState({ angleLength: angleLength + Math.PI / 2 })} {...this._wakePanResponder.panHandlers} >

[Chí Phan]

I'm using svg ^6.4.1 and fixed it on IOS.

[Hoang Le]

@chiphan2008 thank you for your information. Seems expo latest version 29.0.0 is using older version react-native-svg: "6.2.2"

[Giovanni Bertoncelli]

I've updated the svg as you guys say.. but it does not work anyway...

[Chí Phan]

I've updated the svg as you guys say.. but it does not work anyway...

It not working in Modal & child component. You try init project and only run this package!

[Sunny Amrat]

In case anyone comes here in future, I came across the same problem. The handles for the slider were working on Android but not on iOS. I played around and realised that it was due to the a View adjacent to the CircularSlider, which was being used to display the amount of time selected.

On Android the code worked like so

<ScrollView>
    <View>
        <CircularSlider />
        <View>
            <Text>{sliderTime}</Text>
        </View>
    </View>
</ScrollView>

However, the view holding sliderTime was blocking touch events on iOS and reordering them fixed it for iOS. It ends up breaking it for Android so I had to end up splitting it into file.android.js and file.ios.js in the end

[Muhammad Usman]

Same issue

[Hafiz Muhammad Bilal]

can this slider be used while developing app using expo? if yes then how? because I'm facing this error
#46