我通过使用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'}}
/>
请帮助找出解决方案。