React Native Separate View Component Scrollable with FlatList?

Is there a way to scroll a separate component with a FlatList?

<View>
  <View>
    <Text>Some component outside of FlatList</Text>
    <Text>Porfile Information Above FlatList</Text>
    <Text>How to scroll with flatlist</Text>
  </View>

  <FlatList
    data={DATA}
    renderItem={({item}) => (
      <View>
        <Text>a bunch of list that will scroll</Text>
      </View>
    )}
  />
<View>

So if you render this entire component, there's a section above the FlatList, and it'll just stay there while only the FlatList is scrollable.

How do you make it so the top section can scroll with the FlatList?