Проблема со скроллингом в React Native приложении (expo)

GPT-4o та GHCopilot не помгли

Контент выходит за рамки верхней границы экрана. Бездушные машины (GPT) предложили использовать <ScrollView> Но успехов это не принесло. app/_layout.tsx имеет такую структуру, подскажите, куда копать для фикса

        <GestureHandlerRootView style={{flex: 1}}>
            <ThemeProvider value={colorScheme === "light" ? DefaultTheme : DarkTheme}>
                <KeyboardAvoidingView
                    style={{flex: 1, minHeight: "100%"}}
                    behavior={Platform.OS === "ios" ? "padding" : "height"}
                >
                    <ScrollView
                        contentContainerStyle={{flex: 1}}
                        keyboardShouldPersistTaps="handled"
                    >
                        <Stack></Stack>
                    </ScrollView>
                </KeyboardAvoidingView>
            </ThemeProvider>
        </GestureHandlerRootView>

Пробовал лепить cамому компонентe -> ни-че-го


Ответы (1 шт):

Автор решения: 0px

Возможно, если я правильно понял, https://www.npmjs.com/package/react-native-safe-area-context с edges=['top']

→ Ссылка