React-native-slider: Remove space before and after the slider bar

[canyavall]

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

[ogabrielsantos]

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

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

[brunoziie]

This behavior affects both platforms?

[moriyuu]

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

[charitha95]

Or with marginHorizontal: -10

[lucidlive]

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.