Sharcoux / slider

React-Native and React-Native-Web compatible slider
ISC License
161 stars 31 forks source link

Invisible Thumbs when CustomThumbs != undefined #82

Closed BDKX16 closed 1 year ago

BDKX16 commented 1 year ago

Hi, first of all thanks for the library, I found it very useful, the problem im having is with the custom thumbs on IOS on the range Slider, (I haven't tried on android yet), the problem is that when i load a component on the CustomThumb the thumbs dissapear and the slider appears without any thumbs, the rest is working properly.

This is the component im rendering:

[...]
import { FontAwesome } from '@expo/vector-icons';

const IconSwitcher = (props) => {

  if (props.thumb === 'min') {
    return <FontAwesome name="moon-o" size={28} color="black" />; // renders the moon icon
  } else if (props.thumb === 'max') {
    return <FontAwesome name="sun-o" size={28} color="black" />; // renders the sun icon
  } else {
    return <FontAwesome name="sun-o" size={22} color="black" />; 
  }
};

export default IconSwitcher;

Information:

Any questions to solve this issue im open to answer it and I stay tuned to answer them

Sharcoux commented 1 year ago

Can you provide a snack expo that reproduces your issue?

Sharcoux commented 1 year ago

The example in the readme explains how you can use custom thumbs. If you still have trouble, try to look there. Without more information from you, I'll be closing this ticket.