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

cannot increse the height of slider like borderWith

Open saqibrazaq1 opened this issue 1 year ago • 6 comments

Describe the Feature

cannot increase the width of slider

Add this feature

saqibrazaq1 avatar Sep 05 '24 15:09 saqibrazaq1

Hello @saqibrazaq1, let me understand what you are asking for:

  • The width of the slider, means the length of the track? If so, you can use the width of styling, as: <Slider style={{ width: 250 }} />
  • The width of the thumb? To customize the default (system, native) thumb of the slider is currently not supported, but you can use your own component that would be rendered instead of default thumb, or you can also use the image that would replace the thumb.

Let me know please.

BartoszKlonowski avatar Sep 09 '24 11:09 BartoszKlonowski

i mean height like like border 1px or border 2px and borderWidth 3 the line of slider is thin i want a thick line slider slider-preview

saqibrazaq1 avatar Sep 09 '24 13:09 saqibrazaq1

i mean height like like border 1px or border 2px and borderWidth 3 the line of slider is thin i want a thick line slider slider-preview

did you find a solution?

AyoParadis avatar Sep 17 '24 08:09 AyoParadis

+1 to this issue

andrehadianto avatar Oct 10 '24 03:10 andrehadianto

+1

petrichor-hl avatar Oct 13 '24 09:10 petrichor-hl

Can't a feature to pass styles to parts of sliders be added?

modbender avatar Oct 16 '24 18:10 modbender

+1

theBGuy avatar Nov 14 '24 22:11 theBGuy

+1 for this issue

luannguyenQV avatar Nov 15 '24 05:11 luannguyenQV

+1

dule-vikki avatar Nov 15 '24 16:11 dule-vikki

+1

Aklile-Yilma avatar Nov 20 '24 20:11 Aklile-Yilma

I have been working extensively on achieving custom height (thickness) for the slider, as requested. While I managed to make some progress, such as drawing custom drawables, I encountered persistent challenges. These include synchronisation issues with colors and incompatibility between the custom drawable and the default thumb, which often results in the components visually merging into a single element.

Most of the suggested solutions recommend using the Material Slider instead of the current implementation based on Material SeekBar. While I even attempted to create an alternative implementation, I faced significant obstacles due to mismatches in behavior and design elements, which ultimately led me to abandon the effort.

Given these challenges, I believe for now this is not something we can implement, but maybe at some point we will consider migrating to material implementation.

draggie avatar Nov 22 '24 10:11 draggie

Dears, let me close this as a duplicate in favor of #85.

BartoszKlonowski avatar Nov 22 '24 13:11 BartoszKlonowski