How to implement a floating block in React Native?

Question

React

There are two blocks, the first is a horizontal scroll with cards and the second block is a container that can be reached with a finger and float on the top block. At the same time, the container should not go beyond the header, and the content should scroll.

Here is a small example:


SberOnline has something similar on the main page when the block with cards disappears when scrolling up.

How to implement such behavior?