起因 最近做项目时,碰到了一个需求:客户需要修改列表滑动条的颜色。既然存在滑动条,肯定就是ScrollView、FlatList这种长列表。于是去官网(需科学上网)找了下相应的API。发现并没有比较友好的API支持滑动条的颜色修改。唯一支持的indicatorStyle属性,也仅实用IOS,且也无法实用自定义的颜色~~没办法,就只能自己动手做了。 分析 既然要自己动手重新做一个滑动条,那么我们可以先来参考下原有的滑动条效果。 这里我们先模拟200条数据。放到FlatList中。 componentDidMount() { const { data } = this.state; for (let i = 0;