From ca10f3e7ef73ef1bdd77195d0fa4ac6fa379526a Mon Sep 17 00:00:00 2001
From: yezian <jueweijue@gmail.com>
Date: Fri, 30 Aug 2024 14:00:05 +0300
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=BF=9D=E5=AD=98=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87=E7=9A=84=E5=AE=9E=E7=8E=B0=E6=96=B9=E5=BC=8F(ios?=
 =?UTF-8?q?=E8=83=BD=E4=BF=9D=E5=AD=98=E5=9B=BE=E7=89=87)=EF=BC=9Bios?=
 =?UTF-8?q?=E5=88=A0=E9=99=A4=E4=BF=9D=E5=AD=98=E8=A7=86=E9=A2=91=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/VideoModal/index.jsx | 47 ++++++++++++++++++---------------
 package.json                    |  1 +
 utils/saveImage.js              | 13 +++++++--
 yarn.lock                       | 12 +++++++++
 4 files changed, 49 insertions(+), 24 deletions(-)

diff --git a/components/VideoModal/index.jsx b/components/VideoModal/index.jsx
index dec6f1e..30da0f0 100644
--- a/components/VideoModal/index.jsx
+++ b/components/VideoModal/index.jsx
@@ -6,6 +6,7 @@ import {
   TouchableOpacity,
   Text,
   ActivityIndicator,
+  Platform,
 } from "react-native";
 import React, { useState, useRef, useCallback } from "react";
 import { useTailwind } from "tailwind-rn";
@@ -120,28 +121,30 @@ export default function VideoModal({ visible, setVisible, url }) {
               }}
             />
           </TouchableOpacity>
-          <TouchableOpacity
-            onPress={hanldSaveVideo}
-            style={{
-              left: 20,
-              bottom: insets.bottom,
-              ...tailwind(
-                "flex absolute justify-center items-center w-12 h-12 bg-[#FFFFFF1A] rounded-full"
-              ),
-            }}
-          >
-            {isSaving && (
-              <Text style={tailwind("text-white")}>{progress}%</Text>
-            )}
-            {!isSaving && (
-              <Icon
-                type="ionicon"
-                name="save-outline"
-                size={20}
-                color="white"
-              />
-            )}
-          </TouchableOpacity>
+          {Platform.OS === "android" && (
+            <TouchableOpacity
+              onPress={hanldSaveVideo}
+              style={{
+                left: 20,
+                bottom: insets.bottom,
+                ...tailwind(
+                  "flex absolute justify-center items-center w-12 h-12 bg-[#FFFFFF1A] rounded-full"
+                ),
+              }}
+            >
+              {isSaving && (
+                <Text style={tailwind("text-white")}>{progress}%</Text>
+              )}
+              {!isSaving && (
+                <Icon
+                  type="ionicon"
+                  name="save-outline"
+                  size={20}
+                  color="white"
+                />
+              )}
+            </TouchableOpacity>
+          )}
         </View>
       </TouchableWithoutFeedback>
       <Toast />
diff --git a/package.json b/package.json
index 66f772e..dde1db4 100644
--- a/package.json
+++ b/package.json
@@ -43,6 +43,7 @@
     "expo-device": "~5.9.3",
     "expo-file-system": "~16.0.8",
     "expo-image": "~1.10.6",
+    "expo-image-manipulator": "~11.8.0",
     "expo-image-multiple-picker": "^4.8.3",
     "expo-intent-launcher": "~10.11.0",
     "expo-linear-gradient": "~12.7.2",
diff --git a/utils/saveImage.js b/utils/saveImage.js
index 95850fc..93ecabb 100644
--- a/utils/saveImage.js
+++ b/utils/saveImage.js
@@ -1,6 +1,7 @@
 import * as MediaLibrary from "expo-media-library";
 import * as FileSystem from "expo-file-system";
 import Toast from "react-native-toast-message";
+import * as ImageManipulator from "expo-image-manipulator";
 
 export default async function saveImage(uri) {
   const permission = await MediaLibrary.requestPermissionsAsync();
@@ -8,8 +9,16 @@ export default async function saveImage(uri) {
     const timestamp = new Date().getTime();
     const fileUri = FileSystem.cacheDirectory + `${timestamp}.png`;
     try {
-      const res = await FileSystem.downloadAsync(uri, fileUri);
-      await MediaLibrary.saveToLibraryAsync(res.uri);
+      const manipResult = await ImageManipulator.manipulateAsync(uri, [], {
+        base64: true,
+      });
+      const base64Code = manipResult.base64;
+
+      await FileSystem.writeAsStringAsync(fileUri, base64Code, {
+        encoding: FileSystem.EncodingType.Base64,
+      });
+
+      await MediaLibrary.saveToLibraryAsync(fileUri);
       Toast.show({
         type: "success",
         text1: "已保存到相册",
diff --git a/yarn.lock b/yarn.lock
index 8887114..a49c7fe 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4089,6 +4089,18 @@ expo-font@~11.10.3:
   dependencies:
     fontfaceobserver "^2.1.0"
 
+expo-image-loader@~4.6.0:
+  version "4.6.0"
+  resolved "https://registry.npmmirror.com/expo-image-loader/-/expo-image-loader-4.6.0.tgz#ca7d4fdf53125bff2091d3a2c34a3155f10df147"
+  integrity sha512-RHQTDak7/KyhWUxikn2yNzXL7i2cs16cMp6gEAgkHOjVhoCJQoOJ0Ljrt4cKQ3IowxgCuOrAgSUzGkqs7omj8Q==
+
+expo-image-manipulator@~11.8.0:
+  version "11.8.0"
+  resolved "https://registry.npmmirror.com/expo-image-manipulator/-/expo-image-manipulator-11.8.0.tgz#e52351728619e534c949ae4b394af2c7c5d16702"
+  integrity sha512-ZWVrHnYmwJq6h7auk+ropsxcNi+LyZcPFKQc8oy+JA0SaJosfShvkCm7RADWAunHmfPCmjHrhwPGEu/rs7WG/A==
+  dependencies:
+    expo-image-loader "~4.6.0"
+
 expo-image-multiple-picker@^4.8.3:
   version "4.8.3"
   resolved "https://registry.npmmirror.com/expo-image-multiple-picker/-/expo-image-multiple-picker-4.8.3.tgz#4c527a10dc9eb79758979a926dc8cee5010c3404"