fix: get blank area when scrolling

[alantoa]

Description

Hi maintainers! 👋

this PR is for FlashList and recyclerlistview:

1. if contentContainerStyle prop has paddingTop or marginTop, will get blank area when swiping up scrollview.

Why

• because during the scrolling of the view, the content container offset is not taken into account.

How

• get the content container offset and subtract the scroll view offset.

Test

Before

https://user-images.githubusercontent.com/37520667/186505022-218b66b2-dffc-460b-a44f-aa3c1502d165.mov

After

https://user-images.githubusercontent.com/37520667/186505208-eb048a8e-4c06-4251-8d22-0a1cd01a5646.mov

2. renderScrollComponent type warning.

• we need to use renderScrollComponent (is externalScrollView on recyclerlistview) prop when we use Reanimated with FlashList.
• it will alert this warning when using React.forwardRef warp a component, while it doesn't affect usage, it's very annoying.

so we can use PropTypes.oneOfType and add a PropTypes.object type to avoid it.

FYI: https://github.com/Flipkart/recyclerlistview/issues/233#issuecomment-499270292

[naqvitalha]

@alantoa RLV has an API called applyWindowCorrection that will allow you to handle all sorts of overlays or top padding. Have you looked into it? I don't think this PR is necessary. https://github.com/Flipkart/recyclerlistview#applywindowcorrection-usage

[alantoa]

@naqvitalha thanks for your review! 🙏 I just checked it's my bad, I missed the docs, will close it! thanks again!