想直接看实现？可以参考以下示例

• custom-styles

Below API describes how to use the custom-steps features.

getSegments: () => ReadonlyArray<{left: number; width: number}>

getSegments: () => ReadonlyArray<{left: number; width: number}>

Segments to be rendered. Each segment has the following props

• left: number - Percentage value of where segment should start on ranger
• width: number - Percentage value of segment width