Estoy tratando de hacer un clon de Netflix con React Native y puse la pantalla de inicio en una vista de desplazamiento, pero cuando agrego más contenido debajo de la imagen del banner e intento desplazarme hacia abajo, simplemente vuelve a subir y no se queda allí. Intenté agregar relleno en la parte inferior, pero aún no funciona.

 import React from "react"; import { StyleSheet, View, ScrollView, ImageBackground, } from "react-native"; import ContinueWatching from "../components/ContinueWatching"; import Header from "../components/Header"; import NavBar from "../components/NavBar"; import PlayBar from "../components/PlayBar"; const Home = () => { return ( <View style={styles.container}> <ScrollView> <Header /> <NavBar /> <ImageBackground style={styles.bannerImage} source={{ uri: "https://i2.wp.com/technosports.co.in/wp- content/uploads/2021/10/squid-scaled.jpg?fit=1920%2C2560&ssl=1", }} /> <View style={styles.blendBottom}></View> <View style={[styles.blendBottom, { top: 480, opacity: 0.65 }]}></View> <PlayBar /> <ContinueWatching /> </ScrollView> </View> ); }; export default Home; const styles = StyleSheet.create({ container: { backgroundColor: "black", flex: 1, }, bannerImage: { flex: 1, height: 500, width: 410, resizeMode: "contain", right: 10, }, blendBottom: { height: 60, width: "100%", backgroundColor: "black", position: "absolute", top: 460, opacity: 0.25, }, });