bartgryszko / react-native-circular-slider

React Native component for creating circular slider :radio_button:

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Finding it hard to move slider both on phone and in emulator

Andersos opened this issue · comments

I attached a gif to show what I am experiencing.
test

Interesting. It's android? Does original example works without an issue?

It is on iOS. Have not gotten to test on Android yet. I can try and run the original example.

Running the orignal example by cloning it and running react-native run-ios produces this error:

** BUILD FAILED **

The following build commands failed:

CompileC /Users/anders/dev/react-native-circular-slider/example/Bedtime/ios/build/Build/Intermediates/RNSVG.build/Debug-iphonesimulator/RNSVG.build/Objects-normal/x86_64/RNSVGRect.o Shapes/RNSVGRect.m normal x86_64 objective-c com.apple.compilers.llvm.clang.1_0.compiler

(1 failure)

Installing build/Build/Products/Debug-iphonesimulator/Bedtime.app
An error was encountered processing the command (domain=NSPOSIXErrorDomain, code=2):
Failed to install the requested application
An application bundle was not found at the provided path.
Provide a valid path to the desired application bundle.
Print: Entry, ":CFBundleIdentifier", Does Not Exist

Command failed: /usr/libexec/PlistBuddy -c Print:CFBundleIdentifier build/Build/Products/Debug-iphonesimulator/Bedtime.app/Info.plist
Print: Entry, ":CFBundleIdentifier", Does Not Exist

Trying to run it as instructed in the README With XCode produces this error:

screen shot 2017-02-10 at 12 23 59

Version of react-native:

Bedtime anders$ react-native -v
react-native-cli: 2.0.1
react-native: 0.39.2

Will try and update version as well.

Experiencing the same dragging issue on iOS in both Simulator and Device in my own project (it only seems to be picking up the Y axis of the drag, not the X):

react-native-cli: 1.2.0
react-native: 0.41.2

Regarding the previous comment, I believe the original example just needs its react-native-svg dependency updated to work.

UPDATE: After some additional testing, the setCircleCenter function is being called early by onLayout resulting in an incorrect px position before the view has fully settled. I added a delay and it corrected the issue - however that's not very practical.

Hopefully fixed in eab7975

circular
(iPhone 6 - iOS 10.2)

Hi, I've similar issue but android work fine(a little delay) and original example doesn't working for me.

By yarn.lock

  • react-native 0.37
  • react-native-svg 4.3.3

my solution

  • package.json version not update, so npm(yarn) download 0331652 version
  • I follow eab797 update CircularSlider.js (without package.json), it's work fine in ios :)
  • but android still delay too.