gpt4 book ai didi

react-native - 使用具有自定义样式 Prop 的第三方组件创建样式组件?

转载 作者:行者123 更新时间:2023-12-04 10:46:13 25 4
gpt4 key购买 nike

我使用来自 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com