const popup = () => {
Alert.alert("팝업!!")
과
const styles = StyleSheet.create 부분에
button:{
width:100,
marginTop:20,
padding:10,
borderWidth:1,
borderColor:'deeppink',
borderRadius:7
},
buttonText:{
color:'#fff',
textAlign:'center'
윗 코드를 넣기 전에는 잘 작동이 되었는데 팝업 코드와 style들을 넣으니까 오류가 뜹니다
어떤게 문제일까요?ㅠㅠ
작성한 코드 및 에러 메세지
import React from 'react'
import {View, Text, StyleSheet, Image, TouchableOpacity, ScrollView, Alert} from 'react-native'
const tip = {
"idx":9,
"category":"재테크",
"title":"렌탈 서비스 금액 비교해보기",
"image": "https://storage.googleapis.com/sparta-image.appspot.com/lecture/money1.png",
"desc":"요즘은 정수기, 공기 청정기, 자동차나 장난감 등 다양한 대여서비스가 활발합니다. 사는 것보다 경제적이라고 생각해 렌탈 서비스를 이용하는 분들이 늘어나고 있는데요. 다만, 이런 렌탈 서비스 이용이 하나둘 늘어나다 보면 그 금액은 겉잡을 수 없이 불어나게 됩니다. 특히, 렌탈 서비스는 빌려주는 물건의 관리비용까지 포함된 것이기에 생각만큼 저렴하지 않습니다. 직접 관리하며 사용할 수 있는 물건이 있는지 살펴보고, 렌탈 서비스 항목에서 제외해보세요. 렌탈 비용과 구매 비용, 관리 비용을 여러모로 비교해보고 고민해보는 것이 좋습니다. ",
"date":"2020.09.09"
const popup = () => {
Alert.alert("팝업!!")
}
export default function DetailPage(){
return (
<ScrollView style={styles.background}>
<Image style={styles.image} source={{uri:tip.image}}/>
<View style={styles.contain}>
<Text style={styles.title}>{tip.title}</Text>
<Text style={styles.content}>{tip.desc}</Text>
<TouchableOpacity style={styles.button} onPress={()=>popup()}><Text style={styles.buttonText}>팁 찜하기</Text></TouchableOpacity>
</View>
</ScrollView>
)
}
const styles = StyleSheet.create({
background: {
backgroundColor:'#000'
},
image: {
marginTop:40,
margin:10,
height:400,
borderRadius:10
},
contain: {
padding:20,
alignItems:'center',
},
title: {
fontSize:20,
fontWeight:'700',
color:"#eee"
},
content: {
fomtSize:10,
color:'#fff'
},
button:{
width:100,
marginTop:20,
padding:10,
borderWidth:1,
borderColor:'deeppink',
borderRadius:7
},
buttonText:{
color:'#fff',
textAlign:'center'
}
})
