Dragging feature to manually change progress doesnt work when static audio elements are placed inside an horizontal flatlist even with allowDragging false.

[anxheloo]

Any explanation or solution to this bug? I have a horizontal flatlist of Rooms where each room has a voice component. I wanna be able to drag the waveform to manually change the progress but it doesnt work inside the flatlist or scrollview. It works fine with vertical flatlist of scrollview. Is there any solution? Thanks in advance

[kuldip-simform]

Thanks for reporting this issue. To help us investigate further, could you please provide a minimal reproducible example of the problem? It’ll allow us to better understand the interaction between the horizontal FlatList and the waveform component. Looking forward to your snippet!

[anxheloo]

I will make ready soon an example so everyone can check. @kuldip-simform

[anxheloo]

@kuldip-simform Hello everyone,Check this example i have provided here. Multiple rooms are rendered in horizontal flatlist, it seems to work only if i specify the props with value 1 : initialNumToRender={1} maxToRenderPerBatch={1} windowSize={1}. But if we leave it default or make window size bigger , sometime in the flow it will gives problems dragging the scrubb to any point.

Working solution i have till now instead of Flatlist is passing each data using the current index and rendering a simple layout for each room : <RoomLayout data={rooms[currentRoomIndex]} />.

Simple clone the repo, run npm install and pod install on ios directory to make this work.

Thanks in advance!

[anxheloo]

Is there any fix to this bug? @kuldip-simform

[anxheloo]

Is there any solution or pr to this problem? Dragging inside a horizontal flatlist is really important @kuldip-simform