How to increase the height of the react-native Slider component?

Viewed 3180

I am working on a react native project... one of my cases I need to use Slider component in react-native.

<Slider 
  minimumTrackTintColor='blue'
  maximumTrackTintColor='red'
  width={300}
  value={16}
  minimumValue ={0}
  maximumValue={100}
/>

I can control the width of the Slider component but I need to increase the height of the Slider. Are any suggestions there?

2 Answers

As can be seen in the official documentation:

Print screen taken from the official React Native librarie site

  • Following the docs for the new component, try using this:

    style={{height: 40}}

    <Slider
        style={{width: 200, height: 40}}
    />
    
Related