1

我使用 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'}}
                />

如果有的话,请帮助找出解决方案。

以下是我所做的实现。 光标在第一张幻灯片中移动,我想一次单击第二张。 它应该将光标放在该位置。 因为两张幻灯片都有不同的最小值和最大值。

4

0 回答 0