From 4de3f1e0d44d9a7204bfe14661ec4bde09543ad5 Mon Sep 17 00:00:00 2001
From: junghyunbak <jeong5728@gmail.com>
Date: Sat, 18 Nov 2023 23:09:56 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EC=9D=BC=EA=B8=B0=20=EC=A0=80=EC=9E=A5?=
 =?UTF-8?q?=20html2canvas=20=ED=81=B4=EB=9E=98=EC=8A=A4=20=EC=9D=B8?=
 =?UTF-8?q?=EC=8B=9D=20=EC=9D=B4=EC=8A=88=EB=A1=9C=20=EC=9D=B8=ED=95=B4=20?=
 =?UTF-8?q?=EC=9D=B8=EB=9D=BC=EC=9D=B8=20=EC=8A=A4=ED=83=80=EC=9D=BC?=
 =?UTF-8?q?=EB=A1=9C=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/Widget/ImageSlider/index.tsx | 11 +++++++++--
 pages/Diary/DiaryPresenter/index.tsx    | 17 +++++++++++------
 2 files changed, 20 insertions(+), 8 deletions(-)

diff --git a/components/Widget/ImageSlider/index.tsx b/components/Widget/ImageSlider/index.tsx
index 7a6dc51..be33d8e 100644
--- a/components/Widget/ImageSlider/index.tsx
+++ b/components/Widget/ImageSlider/index.tsx
@@ -42,8 +42,15 @@ export function ImageSlider({
         ))}
       </Swiper>
 
-      <View style={styles.order}>
-        <Text style={styles.orderText}>
+      {/**
+       * 스타일을 전개 연산자로 풀어 인라인 스타일로 적용한 이유
+       *
+       * : html2canvas 에서 동적으로 생성된 스타일을 찾을 수 없어 올바르게 내보내기 되지 않는 이슈를 해결하기 위함.
+       *
+       * (+) 이미지 슬라이더는 공유 일기 페이지에서도 사용 됨
+       */}
+      <View style={{ ...styles.order }}>
+        <Text style={{ ...styles.orderText }}>
           {swiperIndex + 1}/{imageIds.length}
         </Text>
       </View>
diff --git a/pages/Diary/DiaryPresenter/index.tsx b/pages/Diary/DiaryPresenter/index.tsx
index cedeed7..2b64110 100644
--- a/pages/Diary/DiaryPresenter/index.tsx
+++ b/pages/Diary/DiaryPresenter/index.tsx
@@ -43,10 +43,15 @@ export function DiaryPresenter({
       )}
 
       <NonIndicatorScrollView>
-        <View style={styles.captureArea} ref={imageRef}>
+        {/**
+         * 스타일을 전개 연산자로 풀어 인라인 스타일로 적용한 이유
+         *
+         * : html2canvas 에서 동적으로 생성된 스타일을 찾을 수 없어 올바르게 내보내기 되지 않는 이슈를 해결하기 위함.
+         */}
+        <View style={{ ...styles.captureArea }} ref={imageRef}>
           {isShared && (
             <Header
-              style={[styles.header, { height: 64 }]}
+              style={{ ...styles.header, height: 64 }}
               title={<Text style={styles.headerTitle}>meommu</Text>}
             />
           )}
@@ -57,10 +62,10 @@ export function DiaryPresenter({
             borderRadius={0}
           />
 
-          <View style={styles.body}>
-            <Text style={styles.bodyTitle}>{diary.title}</Text>
-            <Text style={styles.bodyContent}>{diary.content}</Text>
-            <Text style={styles.bodyDate}>
+          <View style={{ ...styles.body }}>
+            <Text style={{ ...styles.bodyTitle }}>{diary.title}</Text>
+            <Text style={{ ...styles.bodyContent }}>{diary.content}</Text>
+            <Text style={{ ...styles.bodyDate }}>
               {diary.date.replaceAll("-", ".")} {diary.dogName} 일기
             </Text>
           </View>