Set visible row dynamically

[dpqn1999]

I am doing a chat application with upload files function. Because each item will rerender after scrolling out of visible area, so I save these files into Redux store to prevent call upload API again whenever I scroll back to them. However I thinks because of the short rows appear (4-5 items), it may cause unsmoothly (beause I find them in store and check if it is sending or not). I think longer row appear maybe solve this issue.
How can I set number of row will appear or Is there a better solution?
Thank you!