Содержимое внутри ScrollView React Native нельзя прокручивать ⇐ Android

[Гость]

У меня есть скрин, вот он:

Код: Выделить всё

// Home.jsx

import {View, Text, StatusBar} from 'react-native';
import Head from '../components/header/Head';
import {useSafeAreaInsets} from 'react-native-safe-area-context';
import Greeting from '../components/block/Greeting';
import MiniMenu from '../components/block/MiniMenu';
import ArticleMiniList from '../components/block/ArticleMiniList';
import InternetCheck from '../components/utils/InternetCheck';
import {createContext, useEffect, useState} from 'react';
import {
GestureHandlerRootView,
RefreshControl,
ScrollView,
} from 'react-native-gesture-handler';
import PointPelanggaran from '../components/block/PointPelanggaran';
import {
widthPercentageToDP as wp,
heightPercentageToDP as hp,
} from 'react-native-responsive-screen';

export const RefreshContext = createContext();

function HomeScreen() {
const insets = useSafeAreaInsets();

const [refresh, setRefresh] = useState(false);

useEffect(() => {
if (refresh) {
setTimeout(() => {
setRefresh(false);
}, 3000);
}
}, [refresh]);

return (









{/*  */}

}>







{/*  */}





);
}

export default HomeScreen;

Я не могу прокручивать в ScrollView, хотя содержимое уже превышает высоту экрана.
Я видел в Интернете несколько предложений, которые можно предоставить контейнер со стилем flex-1 для оболочки ScrollView, но с ним я вообще не вижу своего содержимого.
Без гибкого контейнера:
Невозможно прокручивать, но содержимое по-прежнему видно.
С гибким контейнером:
Содержимое не видно и его абсолютно невозможно прокручивать.

Подробнее здесь: https://stackoverflow.com/questions/781 ... e-scrolled