renderCustomThumb={(item, index, isSelected) => (
<Image
borderColor={isSelected ? 'yellow' : 'white'}
borderRadius={borderRadius}
borderWidth={2}
alt="sdfs"
source={{uri: item.url}}
width={20}
height={12}
/>
{images[index].liked &&
}
)}
When using a customThumb the thumb no longer matches the current image. The yellow borderRadius is applied to the right image in the scrollView, but the scrollView doesn't scroll to the selected image. Any idea why this is?
renderCustomThumb={(item, index, isSelected) => (
<Image
borderColor={isSelected ? 'yellow' : 'white'}
borderRadius={borderRadius}
borderWidth={2}
alt="sdfs"
source={{uri: item.url}}
width={20}
height={12}
/>
{images[index].liked &&
}
)}
When using a customThumb the thumb no longer matches the current image. The yellow borderRadius is applied to the right image in the scrollView, but the scrollView doesn't scroll to the selected image. Any idea why this is?