126 lines
3.6 KiB
React
126 lines
3.6 KiB
React
|
import {
|
||
|
|
View,
|
||
|
|
Text,
|
||
|
|
Modal,
|
||
|
|
TouchableOpacity,
|
||
|
|
Platform,
|
||
|
|
Image,
|
||
|
|
ActivityIndicator,
|
||
|
|
} from "react-native";
|
||
|
|
import React, { useState } from "react";
|
||
|
|
import { useTailwind } from "tailwind-rn";
|
||
|
|
import { Button } from "@rneui/themed";
|
||
|
|
import * as Linking from "expo-linking";
|
||
|
|
import * as FileSystem from "expo-file-system";
|
||
|
|
import * as IntentLauncher from "expo-intent-launcher";
|
||
|
|
import Toast from "react-native-toast-message";
|
||
|
|
|
||
|
|
export default function UpdateModal({ visible, setVisible, data }) {
|
||
|
|
const tailwind = useTailwind();
|
||
|
|
|
||
|
|
const [isInstalling, setIsInstalling] = useState(false);
|
||
|
|
|
||
|
|
//安卓下载安装最新安装包
|
||
|
|
const downloadAndInstallAPK = async () => {
|
||
|
|
setIsInstalling(true);
|
||
|
|
const apkUrl = data.download_url;
|
||
|
|
|
||
|
|
try {
|
||
|
|
const downloadResumable = FileSystem.createDownloadResumable(
|
||
|
|
apkUrl,
|
||
|
|
`${FileSystem.documentDirectory}ironfans.apk`
|
||
|
|
);
|
||
|
|
|
||
|
|
const { uri } = await downloadResumable.downloadAsync();
|
||
|
|
const localUri = await FileSystem.getContentUriAsync(uri);
|
||
|
|
|
||
|
|
await IntentLauncher.startActivityAsync(
|
||
|
|
"android.intent.action.INSTALL_PACKAGE",
|
||
|
|
{
|
||
|
|
data: localUri,
|
||
|
|
flags: 1,
|
||
|
|
}
|
||
|
|
);
|
||
|
|
} catch (error) {
|
||
|
|
Toast.show({
|
||
|
|
type: "error",
|
||
|
|
text1: "安装失败，请前往官网下载" + error,
|
||
|
|
topOffset: 60,
|
||
|
|
});
|
||
|
|
} finally {
|
||
|
|
setIsInstalling(false);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
return (
|
||
|
|
<Modal
|
||
|
|
visible={visible}
|
||
|
|
transparent={true}
|
||
|
|
statusBarTranslucent
|
||
|
|
animationType="fade"
|
||
|
|
>
|
||
|
|
<TouchableOpacity
|
||
|
|
activeOpacity={1}
|
||
|
|
style={{
|
||
|
|
backgroundColor: "#00000080",
|
||
|
|
...tailwind("flex-1 justify-center items-center"),
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<TouchableOpacity
|
||
|
|
activeOpacity={1}
|
||
|
|
style={tailwind("p-4 rounded-2xl bg-[#1E1C29] items-center w-3/4")}
|
||
|
|
>
|
||
|
|
<View style={tailwind("flex flex-col w-full")}>
|
||
|
|
<Image source={require("../../assets/icon/others/slogan.png")} />
|
||
|
|
<Text
|
||
|
|
style={tailwind(
|
||
|
|
"text-white text-xl font-semibold text-center mt-2"
|
||
|
|
)}
|
||
|
|
>
|
||
|
|
发现新版本
|
||
|
|
{data?.version}
|
||
|
|
</Text>
|
||
|
|
<Text
|
||
|
|
style={tailwind("text-[#FFFFFF80] text-sm font-medium mt-2 mb-4")}
|
||
|
|
>
|
||
|
|
{data?.log}
|
||
|
|
</Text>
|
||
|
|
<Button
|
||
|
|
onPress={
|
||
|
|
Platform.OS === "ios"
|
||
|
|
? () => Linking.openURL(data?.download_url)
|
||
|
|
: () => downloadAndInstallAPK()
|
||
|
|
}
|
||
|
|
color="#FF669E"
|
||
|
|
radius="999"
|
||
|
|
size="md"
|
||
|
|
disabled={isInstalling}
|
||
|
|
disabledStyle={tailwind("bg-[#FFFFFF80]")}
|
||
|
|
disabledTitleStyle={tailwind("text-white")}
|
||
|
|
titleStyle={tailwind("text-base")}
|
||
|
|
containerStyle={tailwind("w-full px-4")}
|
||
|
|
>
|
||
|
|
{isInstalling && <ActivityIndicator size="small" color="white" />}
|
||
|
|
{isInstalling ? "正在下载..." : "立即更新"}
|
||
|
|
</Button>
|
||
|
|
{!data?.force && (
|
||
|
|
<TouchableOpacity
|
||
|
|
onPress={() => setVisible(false)}
|
||
|
|
style={tailwind("my-4")}
|
||
|
|
>
|
||
|
|
<Text
|
||
|
|
style={tailwind(
|
||
|
|
"text-[#FFFFFF80] text-base font-medium text-center"
|
||
|
|
)}
|
||
|
|
>
|
||
|
|
暂不更新
|
||
|
|
</Text>
|
||
|
|
</TouchableOpacity>
|
||
|
|
)}
|
||
|
|
</View>
|
||
|
|
</TouchableOpacity>
|
||
|
|
</TouchableOpacity>
|
||
|
|
</Modal>
|
||
|
|
);
|
||
|
|
}
|