Slider vertical orientation not working

Explain what you did (Required)

When setting the orientation prop in the Slider component to ‘vertical’ the Slider becomes unusable. (In mobile and web)

 <Slider
            value={val}
            minimumValue={0}
            allowTouchTrack={true}
            maximumValue={100}
            step={10}
            orientation='vertical'
            onValueChange={(value: number) => handleChange(value)}
            minimumTrackTintColor={colors.menu}
            maximumTrackTintColor={colors.white}
            thumbStyle={{ height: 10, width: 10, backgroundColor: 'green' }}
          />

Expected behavior (Required)

Expected for the slider to be displayed in a vertical fashion

Describe the bug (Required)

This is how the slider looks when I set the orientation to ‘vertical’:

This is how it shoud look like

To Reproduce (Required)

To reproduce the bug set ‘vertical’ in the orientation prop in the slider

Your Environment (Required):

software	version
react-native-elements	3.4.1
react-native	0.64.0

[flyingcircle]

Thanks @khushal87 and @arpitBhalla for working the solution here 😃

[khushal87]

Thanks @arpitBhalla 😃