* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.
* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.
import React from 'react';
import { StyleSheet, Text, ScrollView, TouchableOpacity, SafeAreaView, View, Alert } from 'react-native';
export default function App() {
const customAlert = () => {
Alert.alert("TouchableOpacity에도 onPress 속성이 있습니다")
return (
<SafeAreaView>
<ScrollView style={styles.main}>
<View style={styles.backGround}>
<Text>배경 이미지 및 앨범, 노래</Text>
</View>
<TouchableOpacity style={styles.toMe} onPress={customAlert}>
<Text>오늘의 나에게</Text>
</TouchableOpacity>
<TouchableOpacity style={styles.toDoList} onPress={customAlert}>
<Text>to do list</Text>
</TouchableOpacity>
<View style={styles.a}>
<Text>alarm</Text>
</View>
<TouchableOpacity style={styles.free} onPress={customAlert}>
<Text>영역 입니다.</Text>
</TouchableOpacity>
</ScrollView>
</SafeAreaView >
);
}
const styles = StyleSheet.create({
main: {
flex: 1,
backgroundColor: "orange"
},
backgroundColor: {
flex: 1,
color: "red"
},
toMe: {
flex: 1,
backgroundColor: "blue"
},
toDoList: {
flex: 1,
backgroundColor: "green"
},
a: {
flex: 5,
backgroundColor: "pink"
},
free: {
flex: 1,
backgroundColor: "black"
}
})
}보고 계신 화면 전체를 캡처해 주시면, 튜터님들이 빠르게 상황을 이해할 수 있어요.
