React-native-slider: Extra padding on android and ios ,

Created on 19 Jan 2021  路  8Comments  路  Source: callstack/react-native-slider

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

bug report

Most helpful comment

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

All 8 comments

Screenshot 2021-01-19 at 12 46 56 PM

@HITESH122 Could you provide more context?

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

@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

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

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

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

Same issue for me on android

Was this page helpful?
0 / 5 - 0 ratings

Related issues

CHaNGeTe picture CHaNGeTe  路  11Comments

javadi69 picture javadi69  路  4Comments

JustynaKK picture JustynaKK  路  8Comments

lolcookie picture lolcookie  路  7Comments

bahmanian picture bahmanian  路  7Comments