передача изображения stati c для реагирования на слайдер сообщества с суффиксом @ 2x

Question

У меня возникла проблема с тем, что изображение, которое я передаю на thumbImage в слайдере, имеет разные размеры на разных android устройствах, оно слишком велико на некоторых из них, поэтому я решил передать изображение с помощью @ 2x и суффикс @ 3x для предоставления изображений с разной плотностью экрана

однако я не уверен, как использовать его в этом случае

вот часть моего кода

есть импортирует

import HandleActiveIcon from './img/handle-active.png';
import HandleIcon from './img/handle.png';

реквизиты, передаваемые слайдеру

const Slider = ({
  minimumTrackTintColor = colors.primary,
  maximumTrackTintColor = 'transparent',
  minimumTrackTintColorActive = colors.secondary,
  maximumTrackTintColorActive = 'transparent',
  minimumValue = 0,
  maximumValue = 100,
  initialValue,
  thumbTintColor = colors.secondary,
  thumbTintColorActive = colors.primary,

  thumbImage = HandleIcon,
  thumbImageActive = HandleActiveIcon,

  onSlidingStart = () => {},
  onSlidingComplete = () => {},
  onValueChange = () => {},
  throttleTime = 100,
  step = 10,
}

, и это компонент слайдера

 <SliderComponent
      style={style.slider}
      minimumValue={minimumValue}
      maximumValue={maximumValue}
      minimumTrackTintColor={
        isActive ? minimumTrackTintColorActive : minimumTrackTintColor
      }
      maximumTrackTintColor={
        isActive ? maximumTrackTintColorActive : maximumTrackTintColor
      }
      thumbImage={isActive ? thumbImageActive : thumbImage}
      value={initialValue}
      onSlidingStart={handleSlidingStart}
      onSlidingComplete={handleSlidingComplete}
      onValueChange={handleValueChange}
      step={step}
    />

я следовал этой модели папки

.
├── slider.js
└── img
    ├── HandleIcon.png
    ├── HandleIcon@2x.png
    └── HandleIcon@3x.png

не знаете, как с этим справиться?

есть идеи?

спасибо