Remove space before and after the slider bar

When a new Slideer is created, it is created inside a view and I can see an space before and after the slider (just set backgroundColor='red' on the style)

This is quite annoying in order to make it if with other components as the slider is always a bit smaller

Is this done in purpose? Can those spaces (padding or margin) be removed and make the bar use 100%

I tried setting the padding, margin, left, right to 0, but nothing...

You could temporarily put it inside a view with negative margins:

<View style={{ marginLeft: -10, marginRight: -10 }}>
  <Slider />
</View>

This behavior affects both platforms?

Is this issue still alive? I'd like to work on this issue but the example app doesn't reproduce this.

Or with marginHorizontal: -10

I see this issue only on Android. I applied the following style to the slider:

marginLeft: Platform.select({ ios: 0, android: -15 }),
marginRight: Platform.select({ ios: 0, android: -15 })

Kinda annoying but it works.

I see this issue only on Android. I applied the following style to the slider:
marginLeft: Platform.select({ ios: 0, android: -15 }),
marginRight: Platform.select({ ios: 0, android: -15 })
Kinda annoying but it works.

it works, thanks

The issue seems to be still there. The "margin trick" works on android for me but it causes that one tick extra is added to the upper/right limit - with no change in value. so not very useful. :(

Anyone got an idea of how to select the margin values - are you just doing it by eye? It looks better with -3 for iOS on our app, but unsure if this is due to different screen sizes/resolutions etc.
Is setting a constant value for each platform robust?

Any update on this, I still see this on version 4.5.2

Navigation Menu

Repository navigation

Remove space before and after the slider bar #98

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Remove space before and after the slider bar #98

Description

Activity

ogabrielsantos commented on Oct 17, 2019

brunoziie commented on Mar 18, 2020

moriyuu commented on Jun 14, 2020

charitha95 commented on Jan 27, 2021

lucidlive commented on Apr 12, 2021

lirkang commented on Jun 27, 2022

Chr1k0 commented on Jul 19, 2023

matt-dalton commented on Aug 17, 2023

AlexanderHott commented on Jul 18, 2024

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions