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

Unable to create Vertical Slider

Open YajanaRao opened this issue 5 years ago • 10 comments
trafficstars

Environment

Description

I am trying to create a vertical Slider. Based on #65 I got to know that transform can be used for this. Using transform I am not able to apply styles like height and width to slider.

Reproducible Demo

https://snack.expo.io/@yajana/slider

YajanaRao avatar Jun 18 '20 19:06 YajanaRao

In my case height, width applies, but transform not applies automatically. when in the code i add style transform, then that applies. But when I reload the app, the transform not applies. On comment/uncomment the code, and directly viewing the slider in simulator then transform works, otherwise on reload of app transform is not applied

pankajgupta1 avatar Jun 25 '20 06:06 pankajgupta1

In case you're interested, in about a week I'll push a Windows implementation of this module, which will expose a 'vertical' prop to control this ;)

rectified95 avatar Jul 14 '20 17:07 rectified95

And is there any plan to implement it for Linux/Unix OS??

ferbeab avatar Jul 14 '20 18:07 ferbeab

As far as I know, Linux is on not on the cards for the time being, though there are people requesting it, so who knows. However, there is parallel work happening for the macOS implementation by Microsoft: https://microsoft.github.io/react-native-windows/

rectified95 avatar Jul 14 '20 19:07 rectified95

Tacking on to say that we need a vertical prop for all platforms. Thanks!

seanconrad1 avatar Mar 03 '21 04:03 seanconrad1

As I can see on the provided example (thank you, @YajanaRao) the vertical slider is only inverted visually. Width and height still applies but with inverted effects, while sliding is still possible but also on the horizontal axis: SliderVerticalIssue (notice the width change on the beginning from 30 to 300 <- it changes the height)

BartoszKlonowski avatar Jun 29 '21 20:06 BartoszKlonowski

As I can see on the provided example (thank you, @YajanaRao) the vertical slider is only inverted visually. Width and height still applies but with inverted effects, while sliding is still possible but also on the horizontal axis: SliderVerticalIssue SliderVerticalIssue (notice the width change on the beginning from 30 to 300 <- it changes the height)

Why vertical prop is not working?

Ha0ran2001 avatar May 04 '23 09:05 Ha0ran2001

are there any updates for this issue?

plonsik avatar Jun 10 '23 16:06 plonsik

@chiaramooney does the team still maintain these controls?

rectified95 avatar Jun 10 '23 20:06 rectified95

Unsure what callstack's status is, but sounds like this is an Android issue, so won't be tackled by the Windows team.

chiaramooney avatar Jul 06 '23 17:07 chiaramooney