我使用来自 react-native-community 的 Slider,该组件具有用于对其进行样式设置的独特 Prop ,thumbTintColor、minimumTrackTintColor、maximumTrackTintColor,我需要将样式从我的 themeprovider 传递给它们。似乎我无法将 Prop 传递给这个组件,有人知道实现这一目标的方法吗?这就是我现在所拥有的,不幸的是它不起作用。
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)}
/>
)
}
最佳答案
尝试这个:
minimumTrackTintColor={props.theme.primaryColor}
关于react-native - 使用具有自定义样式 Prop 的第三方组件创建样式组件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59691731/