Мой компонент ScrollView не работает, несмотря на все онлайн-решения

Недавно я начал изучать React Native, и у меня возникли некоторые проблемы со стилем и преобразованием кода попутным ветром, но в итоге я столкнулся с более раздражающей проблемой... Мой тег ScrollView не прокручивается...

import { ScrollView, View, Text } from "react-native";
import React from "react";
import { SafeAreaView } from "react-native-safe-area-context";

const Home = () => {
  return (
    <SafeAreaView className = " flex-1">
      <ScrollView
        contentContainerStyle = {{
          display: "flex",
          height: "100%",
          alignItems: "center",
          padding: 8,
          margin: 2,
          flex: 1,
          flexGrow: 1,
          marginHorizontal: 20,
        }}
      >
        <View className = " w-screen h-[500px] items-center mt-1">
          <View className = "bg-pink-300 h-2/5 w-11/12 m-1 rounded-lg items-center">
            <Text className = "text-center text-2xl font-black text-black">
              graph of payment made recently
            </Text>
          </View>
          <View className = "bg-slate-300 h-2/5 w-11/12 m-1 rounded-lg items-center">
            <Text className = "text-center text-2xl font-black text-black">
              recent payments made
            </Text>
          </View>
          <View className = "bg-slate-300 h-2/5 w-11/12 m-1 rounded-lg items-center">
            <Text className = "text-center text-2xl font-black text-black">
              recent payments made
            </Text>
          </View>
          <View className = "bg-slate-300 h-2/5 w-11/12 m-1 rounded-lg items-center">
            <Text className = "text-center text-2xl font-black text-black">
              recent payments made
            </Text>
          </View>
          <View className = "bg-slate-300 h-2/5 w-11/12 m-1 rounded-lg items-center">
            <Text className = "text-center text-2xl font-black text-black">
              recent payments made
            </Text>
          </View>
        </View>
      </ScrollView>
    </SafeAreaView>
  );
};

export default Home;

это моя домашняя страница в маршруте (вкладках). Я рассмотрел так много вопросов о переполнении стека, так много других веб-сайтов, но ни одно из решений не работает. Еще отмечу, что большинство из них говорит об изменении настроек флекса и прочем.

Я ожидал, что окно прокрутки будет прокручиваться, когда я добавил тег прокрутки в приложение, но я не получил этого, когда запускаю студию Android и вижу, что полоса прокрутки сформирована, но она не используется.

Пожалуйста, помогите, у меня из-за этого теряются волосы (в основном это какая-то глупость, которую я не добавил) Заранее спасибо