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

标签 react-native styled-components

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

相关文章:

react-native - React Native Android WebView Vimeo 播放器控制栏消失

react-native - React Native 中的 SHA256

animation - 使用样式组件时将动画应用到 React 组件

css - 在带样式的组件中使用 `css` 函数是否会导致性能下降?

javascript - 制作响应式组件烘干机

react-native - 在真实设备上缺少livereload升级后,无法从真实设备远程调试js

react-native - 将 native 传递数据 react 到另一个组件

react-native AwesomeProject 的 Xcode 构建失败

material-ui - 如何更改 slider 悬停和事件的颜色 "shadow"

css - 设置半颗星的颜色