我使用 react-native-slider 设计了一个自定义播放器视图。此视图中排列了多个滑块。我正在按照 FlatList 组件中排列的滑块播放一个音频文件。所有滑块的最小值和最大值差为 5 秒。
音频在每个滑块中都按预期播放,但我需要点击任何滑块位置以将当前滑块光标设置在同一位置。单击滑块时,我试图获取位置。以下方法:
onValueChange onTouchStart onTouchEnd
没有帮助在任何滑块上点击位置/值。
以下是我的代码中的滑块实现:
<Slider
key={index}
step={1}
onTouchStart={this.onSliderEditStart}
onTouchEnd={this.onSliderEditEnd}
value={sliderValue}
onValueChange={this.onSliderEditing}
maximumValue={item.endTime}
minimumValue={item.startTime}
animateTransitions
// maximumTrackTintColor='transparent'
maximumTrackTintColor={'#000'}
minimumTrackTintColor={'#d3d3d3'}
thumbStyle={{height: 55, width: 2.5}}
thumbTintColor={currentTime >= item.endTime ? 'transparent' : '#000066'}
trackStyle={{height: 55, backgroundColor: '#E6E6E6'}}
/>
如果有的话,请帮助找出解决方案。