создать стилизованный компонент со сторонним компонентом, имеющим собственный стиль?

Question

Я использую Слайдер из Reaction-native-сообщества, компонент имеет уникальные реквизиты, используемые для его стилизации: thumbTintColor, MinimTrackTintColor, MaximumTrackTintColor, в который мне нужно передать стили из моего поставщика тем. Кажется, я не могу передать реквизиты этому компоненту, кто-нибудь знает способ достижения этого? Это то, что у меня сейчас, и это, к сожалению, не работает.

const StyledSlider = styled(Slider)``

export const SurveySlider = props => {
    return (
        <StyledSlider
            style={{
              width: '80%',
              height: 40,
              alignSelf: 'center'
            }}
           minimumValue={0}
           maximumValue={20}
           thumbTintColor={`${props => props.theme.primaryColor}`}
           minimumTrackTintColor={`${props => 
           props.theme.primaryColor}`}
           maximumTrackTintColor={`${props => 
           props.theme.primaryColor}`}
          onValueChange={value => props.onValueChange(value)}
          />
          )
        }

Answer 1

попробуйте это: минимумTrackTintColor = {props.theme.primaryColor}

Answer 2

Мне удалось решить эту проблему, используя метод attrs, предоставляемый компонентами, имеющими стиль

const StyledSlider = styled (Slider) .attrs (props => {thumbTintColor: props.theme.primaryColor}) ``