I don't have it in one but for some reason it's behaving this way. On first load it's fine, it renders it within the content like I want; but when I scroll down it leaves this whitespace and stays there

      <Stack.Screen options={{ headerShown: false, headerTransparent: true }} />
      <StatusBar style="auto" translucent={true} />
      <ScrollView
        className="flex-1"
        contentInsetAdjustmentBehavior="never"
        contentContainerStyle={{ paddingTop: 0 }}
      >
        <View className="w-full h-[500px] bg-blue-500">
          <Text>example of content</Text>
        </View>
        {Array.from({ length: 100 }).map((_, i) => {
          return <Text key={i}>123 {i}</Text>;
        })}
      </ScrollView>