React Native滑块>无法通过点击多个滑块来获取位置值

时间:2019-11-08 06:30:37

标签: react-native slider react-native-flatlist react-native-scrollview react-native-sound

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

请帮助找出解决方案。

Following is the implementation I have done. The cursor is moving in the first slide and I want to click on the second one at a time. It should place the cursor on that position. Since both slides are having different minimum and maximum value.

0 个答案:

没有答案