fix(UNT-T40021): seek functionality in horizontal list

README.md

@@ -147,6 +147,7 @@ You can check out the full example at [Example](./example/src/App.tsx).
 | onChangeWaveformLoadState      | -           | ✅              | ❌            | ( state : boolean ) => void                                | callback function which returns the loading state of waveform candlestick.                                                                                                                                                                      |
 | onError                        | -           | ✅              | ❌            | ( error : Error ) => void                                  | callback function which returns the error for static audio waveform                                                                                                                                                                             |
 | showsHorizontalScrollIndicator | false       | ❌              | ✅            | boolean                                                    | whether to show scroll indicator when live waveform is being recorded and total width is more than parent view width                                                                                                                            |
+| isInHorizontalList | false       | ✅              | ❌           | boolean                                                    | When true, indicates the waveform is rendered inside a horizontally scrolling list and enables correct seek/touch behavior while scrolling. |
 
 ##### Know more about [ViewStyle](https://reactnative.dev/docs/view-style-props), [PlayerState](#playerstate), and [RecorderState](#recorderstate)
 

src/components/Waveform/Waveform.tsx

@@ -64,6 +64,7 @@ export const Waveform = forwardRef<IWaveformRef, IWaveform>((props, ref) => {
     candleHeightScale = 3,
     onChangeWaveformLoadState = (_state: boolean) => {},
     showsHorizontalScrollIndicator = false,
+    isInHorizontalList = false,
   } = props as StaticWaveform & LiveWaveform;
   const viewRef = useRef<View>(null);
   const scrollRef = useRef<ScrollView>(null);
@@ -576,14 +577,18 @@ export const Waveform = forwardRef<IWaveformRef, IWaveform>((props, ref) => {
   const panResponder = useRef(
     PanResponder.create({
       onStartShouldSetPanResponder: () => {
-        if (!isLayoutCalculated.current) {
+        if (!isLayoutCalculated.current || isInHorizontalList) {
           calculateLayout();
         }
 
         return true;
       },
       onMoveShouldSetPanResponder: () => true,
       onPanResponderGrant: () => {
+        if (isInHorizontalList) {
+          calculateLayout();
+        }
+
         setPanMoving(true);
         (onPanStateChange as Function)(true);
       },

src/components/Waveform/WaveformTypes.ts

@@ -29,6 +29,7 @@ export interface StaticWaveform extends BaseWaveform {
   ) => void;
   onChangeWaveformLoadState?: (state: boolean) => void;
   playbackSpeed?: PlaybackSpeedType;
+  isInHorizontalList?: boolean;
 }
 
 export interface LiveWaveform extends BaseWaveform {