카드에 메인이지미를 제외하고 다른 이미지들을 넣을 수 있게 수정을 해봤는데요,
만약 A라는 카드에 이미지가 7개가 들어가고
B라는 카드에는 이미지가 6개만 들어간다고 했을 때,
B카드에는 이미자 1개 만큼의 공백이 생깁니다.
이는 모든 카드들이 일괄적으로 똑같은 형태로 묶여 data.json 파일에 들어가서 그런거 같은데,
카드별로 다른 설정값을 줄 수 있는 방법이 있을까요?
수정한 코드 첨부합니다.
[detail page]
}
return (
// ScrollView에서의 flex 숫자는 의미가 없습니다. 정확히 보여지는 화면을 몇등분 하지 않고
// 화면에 넣은 컨텐츠를 모두 보여주려 스크롤 기능이 존재하기 때문입니다.
// 여기선 내부의 컨텐츠들 영역을 결정짓기 위해서 height 값과 margin,padding 값을 적절히 잘 이용해야 합니다.
<ScrollView style={styles.container}>
<Image style={styles.image} source={{uri:tip.image}}/>
<View style={styles.textContainer}>
<Text style={styles.title}>{tip.title}</Text>
<Text style={styles.desc}>{tip.desc}</Text>
<Image style={styles.mainimage} source={{uri:tip.mainimage1}}/>
<Image style={styles.mainimage} source={{uri:tip.mainimage2}}/>
<Image style={styles.mainimage} source={{uri:tip.mainimage3}}/>
<Image style={styles.mainimage} source={{uri:tip.mainimage4}}/>
<Image style={styles.mainimage} source={{uri:tip.mainimage5}}/>
<Image style={styles.mainimage} source={{uri:tip.mainimage6}}/>
<Image style={styles.mainimage} source={{uri:tip.mainimage7}}/>
<View style={styles.buttonGroup}>
<TouchableOpacity style={styles.button} onPress={()=>like()}><Text style={styles.buttonText}>내용 담기</Text></TouchableOpacity>
<TouchableOpacity style={styles.button} onPress={()=>share()}><Text style={styles.buttonText}>내용 공유하기</Text></TouchableOpacity>
<TouchableOpacity style={styles.button} onPress={()=>link()}><Text style={styles.buttonText}>외부 링크</Text></TouchableOpacity>
</View>
</View>
</ScrollView>
)
}
[data.josn]
{
"tip":[
{
"idx":0,
"category":"인천",
"title":" 게양",
"url":"https://www.naver.com/",
"mainimage1":"https://firebasestorage.googleapis.com/v0/b/my-honeytip-yun.appspot.com/o/GS%2FKakaoTalk_20220822_171215034_02.jpg?alt=media&token=70e56b81-969e-4349-ac66-25b0830ad0e0",
"mainimage2":"https://firebasestorage.googleapis.com/v0/b/my-honeytip-yun.appspot.com/o/GS%2FKakaoTalk_20220822_171215034_05.jpg?alt=media&token=021fd68d-0f2c-4950-b0a8-e633dadab7e0",
"mainimage3":"https://firebasestorage.googleapis.com/v0/b/my-honeytip-yun.appspot.com/o/GS%2FKakaoTalk_20220822_171215034_03.jpg?alt=media&token=589d34b3-44be-43b5-a4e2-7dfe6d730b1e",
"mainimage4":"https://firebasestorage.googleapis.com/v0/b/my-honeytip-yun.appspot.com/o/GS%2FKakaoTalk_20220822_171215034_04.jpg?alt=media&token=3651e4f5-785f-4ec1-8adc-67fb848aaeaf",
"mainimage5":"https://firebasestorage.googleapis.com/v0/b/my-honeytip-yun.appspot.com/o/GS%2FKakaoTalk_20220822_171215034.jpg?alt=media&token=24f087ea-1394-4a6c-a494-a9a7444f8718",
"mainimage6":"https://firebasestorage.googleapis.com/v0/b/my-honeytip-yun.appspot.com/o/GS%2FKakaoTalk_20220822_171215034_01%20(1).jpg?alt=media&token=d8b90fa8-8930-4096-988b-3e7cb6c95acc",
"image":"https://firebasestorage.googleapis.com/v0/b/my-honeytip-yun.appspot.com/o/images%2Fgs.png?alt=media&token=52bc7e53-e075-4442-8501-484319825122",
"desc":"먹다 남은 피s자는 수분이 날라가기 때문에 처음처럼 맛있게 먹을 수 없는데요. 이럴 경우 그릇에 물을 받아 전자레인지 안에서 1분 30초에서 2분 정도 함께 돌려주면 촉촉하게 먹을 수 있습니다. 물이 전자레인지 안에서 수증기를 일으키고, 피자에 촉촉함을 더해줍니다.",
"date":"2020.09.09"
},
{
"idx":1,
"category":"서울",
"title":"신사동",
"url":"https://www.naver.com/",
"mainimage1":"https://firebasestorage.googleapis.com/v0/b/my-honeytip-yun.appspot.com/o/CU%2FKakaoTalk_20220826_120326699.jpg?alt=media&token=32e7a2c4-c41d-4d9c-ae00-4cb856aa03fa",
"mainimage2":"https://firebasestorage.googleapis.com/v0/b/my-honeytip-yun.appspot.com/o/CU%2FKakaoTalk_20220826_120326699_01.jpg?alt=media&token=5cceb8c3-5ff4-405f-9760-519e01ec9d9a",
"mainimage3":"https://firebasestorage.googleapis.com/v0/b/my-honeytip-yun.appspot.com/o/CU%2FKakaoTalk_20220826_120326699_02.jpg?alt=media&token=47882086-5e63-40da-bb01-e4e8ce0c07b2",
"mainimage4":"https://firebasestorage.googleapis.com/v0/b/my-honeytip-yun.appspot.com/o/CU%2FKakaoTalk_20220826_120326699_03.jpg?alt=media&token=994abc7a-9907-4a81-82b3-96f57a50d269",
"mainimage5":"https://firebasestorage.googleapis.com/v0/b/my-honeytip-yun.appspot.com/o/CU%2FKakaoTalk_20220826_120326699_04.jpg?alt=media&token=a5fc1bae-e886-4141-9577-4abfac2738f1",
"mainimage6":"https://firebasestorage.googleapis.com/v0/b/my-honeytip-yun.appspot.com/o/CU%2FKakaoTalk_20220826_120326699_05.jpg?alt=media&token=36d1e1c9-1ed0-4f8a-b55f-dcb32ab97f2e",
"mainimage7":"https://firebasestorage.googleapis.com/v0/b/my-honeytip-yun.appspot.com/o/CU%2FKakaoTalk_20220826_120326699_06.jpg?alt=media&token=b8f2a933-f092-4f2e-896a-342f7be72bfd",
"image": "https://firebasestorage.googleapis.com/v0/b/my-honeytip-yun.appspot.com/o/images%2FCU.png?alt=media&token=e4a3f99c-d32e-4171-a0ea-1377db597443",
"desc":"바나나에 날파리가 꼬이거나 금방 익어버리는 것을 예방하기 위한 방법인데요. 바나나 양쪽 끝을 자른 후, 보관용 케이스나 비닐봉지에 묶어 밀봉합니다. 그리고 냉장고에 넣어주면 되는데요. 하루에 1~2개씩 꺼내서 싱싱하게 먹을 수 있습니다.",
"date":"2020.09.09"
},
