CircularSlider not slide on IOS

[bartgryszko]

CircularSlider not slide on IOS

[sa2812]

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

[kevinEsherick]

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?

[DrJukka]

Having the same issue, did you find any solution?

[kevinEsherick]

Nope, sorry. I just abandoned the package

[DrJukka]

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

[chiphan2008]

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

[chiphan2008]

@DrJukka How special?

[stormit-vn]

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

[DrJukka]

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

[stormit-vn]

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

[chiphan2008]

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

[stormit-vn]

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

[HighSoftWare96]

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

[chiphan2008]

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!

[MuhammadUsman786786]

Same issue

[iambilalriaz]

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