Thumb is above the track?

Am I the only one having this kind of issue?

Also note that the back track is gone.

Here is my code: (Footer comes from native-base)

<Footer style={{
    backgroundColor: '#7DC265',
}}>
            <Slider
                style={{ flex: 1, alignSelf: 'stretch', margin: 10, alignItems: 'baseline' }}
                minimumValue={0} maximumValue={100}
                value={volume}
                trackStyle={{
                    height: 4,
                    borderRadius: 2,
                }}
                thumbStyle={{
                    width: 15,
                    height: 15,
                    backgroundColor: 'white',
                    borderColor: '#30a935',
                    borderWidth: 2
                }}
                minimumTrackTintColor='#30a935'
                onValueChange={value => debounce(volumeChange(value), 150)}
            />
</Footer>

I’m using:

    "native-base": "^2.0.12",
    "react-native": "0.42.0",
    "react-native-elements": "^0.9.7",
    "react-native-vector-icons": "^4.0.0",

[creeperyang]

I send the pr https://github.com/jeanregisser/react-native-slider/pull/65 just now. But I’m not quite sure it will solve all your problem.

[creeperyang]

The same issue. I check the source code and found the position part is not quite correct. Do you need a pr?