El componente ScrollView hace exactamente lo que desea. El orden de sus componentes es el único factor importante aquí.

En general, todo lo que está anidado dentro de ScrollView es desplazable y todo lo que está fuera no lo es. Por eso,

 <View> <View> // not scrollable </View> <ScrollView> // scrollable </ScrollView> <View> // not scrollable </View> </View>

Aquí hay un ejemplo de un contenedor desplazable que usa ScrollView que está anidado dentro de una View principal que es fija, lo que significa que no se puede desplazar.

 <SafeAreaView style={{ margin: 5 }}> <View> {Array(5) .fill(0) .map((_) => { return ( <View style={{ margin: 10 }}> <Text>Not scrollable</Text> </View> ) })} </View> <ScrollView> {Array(5) .fill(0) .map((_) => { return ( <View style={{ margin: 10 }}> <Text>Scrollable</Text> </View> ) })} </ScrollView> <View> {Array(5) .fill(0) .map((_) => { return ( <View style={{ margin: 10 }}> <Text>Also not scrollable</Text> </View> ) })} </View> </SafeAreaView>

lo que produce cinco componentes de texto en la parte superior que no se pueden desplazar, seguidos de cinco componentes de texto que se pueden desplazar, seguidos de cinco componentes de texto que no se pueden desplazar.