React native 如何在Android上使用React Native设置滑块样式

我想在Android上使用React Native

自定义跟踪图像和拇指是iOS独有的属性，那么Android上有哪些可用选项来设置轨迹和拇指的样式

---

更具体地说，我正在寻找一种方法来更改拇指的颜色、最小/最大轨迹的颜色以及它们的厚度…

对于React Native来说，只在一个平台上定制组件并不是第一次。在React Native添加对滑块组件样式的支持之前，我建议将其作为Android上的本机UI组件实现：

---

我知道我没有一个简单的解决方案，但由于Android对React-Native的支持是在iOS之后添加的，我认为可能还有一段时间才能赶上。从0.42.0版开始，现在有一些支持使用RN滑块组件设计Android滑块

有关详细信息，请参阅以获取更多信息

Android应该使用的道具有：

• 拇指色
• 最小跟踪颜色
• 最大跟踪颜色

---

对此没有直接的解决方案，您可以执行以下操作

我的CustomSlider.js

import React，{Component}来自'React'；
导入{
看法
可触摸且无反馈，
可触摸不透明度，
尺寸，
文本，
滑块
}从“反应本机”；
从'react redux'导入{connect}；
从“react native fs”导入RNF；
类CustomSlider扩展组件{
陈述={
幻灯片值：0，
}
render（）{
const width=Dimensions.get（'window'）.width；
常量滑块样式={
幻灯片摘要：{
背景颜色：“#D3”，
宽度：300，
身高：30，
边界半径：50，
位置：'绝对'，
},
幻灯片：{
背景颜色：“#119EC2”，
宽度：（this.state.slideValue/50）*300，
身高：30，
}
}
返回(
this.setState（{slideValue:value}）}
maximumTrackTintColor='transparent'
minimumTrackTintColor='transparent'
/>  
);
}
};
const mapDispatchToProps={
};
常量mapStateToProps=（状态）=>{
返回{
}
};
导出默认连接（mapStateToProps、mapDispatchToProps）（自定义滑块）；

您将获得如下所示的厚度和自定义滑块

---

聪明的解决方案！！