react-native-slider icon indicating copy to clipboard operation
react-native-slider copied to clipboard

Extra padding on android and ios ,

Open HITESH122 opened this issue 5 years ago • 10 comments

Environment

System: OS: macOS 10.15.6 CPU: (4) x64 Intel(R) Core(TM) i5-3210M CPU @ 2.50GHz Memory: 57.86 MB / 8.00 GB Shell: 5.7.1 - /bin/zsh Binaries: Node: 15.2.0 - /usr/local/bin/node Yarn: 1.22.10 - /usr/local/bin/yarn npm: 6.14.8 - /usr/local/bin/npm Watchman: 4.9.0 - /usr/local/bin/watchman Managers: CocoaPods: 1.10.0 - /usr/local/bin/pod SDKs: iOS SDK: Platforms: iOS 13.5, DriverKit 19.0, macOS 10.15, tvOS 13.4, watchOS 6.2 Android SDK: API Levels: 28, 30 Build Tools: 28.0.3, 30.0.3 System Images: android-30 | Google APIs Intel x86 Atom Android NDK: Not Found IDEs: Android Studio: 4.1 AI-201.8743.12.41.6953283 Xcode: 11.5/11E608c - /usr/bin/xcodebuild Languages: Java: 1.8.0_275 - /usr/bin/javac Python: 2.7.16 - /usr/bin/python npmPackages: @react-native-community/cli: Not Found react: 16.9.0 => 16.9.0 react-native: ^0.63.2 => 0.63.4 react-native-macos: N

Reproducible Demo

HITESH122 avatar Jan 19 '21 08:01 HITESH122

Screenshot 2021-01-19 at 12 46 56 PM

HITESH122 avatar Jan 19 '21 12:01 HITESH122

@HITESH122 Could you provide more context?

wojteg1337 avatar Jan 28 '21 12:01 wojteg1337

My app is also like this. Although I have not tested on IOS.

Daniel-Alencar avatar Feb 01 '21 17:02 Daniel-Alencar

@HITESH122 Could you provide more context?

@wojteg1337 I need to plot markers according to percentage but slider thumb is not starting from extreme left for ios its taking the slight padding

HITESH122 avatar Feb 02 '21 06:02 HITESH122

Same thing is happening on Android emulator (and I suppose the same on physical device). Can't get it to be the exact full width of the container, has some padding, though I looked in the src/js/Slider.js and couldn't find anything that would cause it to have paddings?

image

pstevovski avatar Feb 02 '21 23:02 pstevovski

Same thing is happening on Android emulator (and I suppose the same on physical device). Can't get it to be the exact full width of the container, has some padding, though I looked in the src/js/Slider.js and couldn't find anything that would cause it to have paddings?

image

Hello @pstevovski use this pr for android fix https://github.com/callstack/react-native-slider/pull/170

For ios We need to get some solution

HITESH122 avatar Feb 06 '21 05:02 HITESH122

Same thing is happening on Android emulator (and I suppose the same on physical device). Can't get it to be the exact full width of the container, has some padding, though I looked in the src/js/Slider.js and couldn't find anything that would cause it to have paddings? image

Hello @pstevovski use this pr for android fix #170

For ios We need to get some solution

Still not working on android

viveKing21 avatar Jun 29 '21 15:06 viveKing21

Same issue for me on android

kolyuchii avatar Jul 09 '21 19:07 kolyuchii

Facing same issue on android. And giving padding in styles isn't helping

ratz6 avatar Feb 22 '22 02:02 ratz6

16 months later...

Dajust avatar May 26 '22 23:05 Dajust

@BartoszKlonowski It would be nice if we could fix the padding issue

tastafur avatar Dec 29 '22 12:12 tastafur

This issue is a duplicate of #98. Please track the progress in original issue.

BartoszKlonowski avatar Jan 19 '23 14:01 BartoszKlonowski