* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

안드로이드 어플로 구현을 해보고있는데, safeAreaView 가 적용이 안되는거같아요. 앞전에 강의 내용에서는 가운데 적용되어있어서 긴가민가했는데, 커다란 카드 화면으로 보니까 기능이 구현이 안되는거같더라구요ㅠ 같은 내용의 질문이 있던걸 봤는데, 덧글에 튜터님이 안드로이드냐구 여쭤보고는 내용이 끝나서요ㅠㅠ

import React from 'react';

import { StyleSheet, Text, View, ScrollView, TouchableOpacity, Alert, SafeAreaView } from 'react-native';

export default function App() {

const customAlert = () => {

Alert.alert("TouchableOpacity에도 onPress 속성이 있습니다")

}

return (

<SafeAreaView style={styles.container}>

<ScrollView style={styles.container}>

<TouchableOpacity style={styles.textContainer} onPress={customAlert}>

<Text style={styles.textStyle}>영역을 충분히 갖는 텍스트 입니다!</Text>

</TouchableOpacity>

<TouchableOpacity style={styles.textContainer} onPress={customAlert}>

<Text style={styles.textStyle}>영역을 충분히 갖는 텍스트 입니다!</Text>

</TouchableOpacity>

<TouchableOpacity style={styles.textContainer} onPress={customAlert}>

<Text style={styles.textStyle}>영역을 충분히 갖는 텍스트 입니다!</Text>

</TouchableOpacity>

<TouchableOpacity style={styles.textContainer} onPress={customAlert}>

<Text style={styles.textStyle}>영역을 충분히 갖는 텍스트 입니다!</Text>

</TouchableOpacity>

<TouchableOpacity style={styles.textContainer} onPress={customAlert}>

<Text style={styles.textStyle}>영역을 충분히 갖는 텍스트 입니다!</Text>

</TouchableOpacity>

<TouchableOpacity style={styles.textContainer} onPress={customAlert}>

<Text style={styles.textStyle}>영역을 충분히 갖는 텍스트 입니다!</Text>

</TouchableOpacity>

<TouchableOpacity style={styles.textContainer} onPress={customAlert}>

<Text style={styles.textStyle}>영역을 충분히 갖는 텍스트 입니다!</Text>

</TouchableOpacity>

</ScrollView>

</SafeAreaView>

);

}

const styles = StyleSheet.create({

container: {

flex: 1,

backgroundColor: '#fff',

},

textContainer: {

height:100,

borderColor:'#000',

borderWidth:1,

borderRadius:10,

margin:10,

},

textStyle: {

textAlign:"center"

}

});