增加隐私政策入口；增加账号注销入口
This commit is contained in:
parent
81e3bba9a1
commit
fb06ac82d8
|
|
@ -0,0 +1,115 @@
|
|||
import { View, Text, TouchableOpacity, Modal } from "react-native";
|
||||
import React from "react";
|
||||
import { useTailwind } from "tailwind-rn";
|
||||
import { Button } from "@rneui/themed";
|
||||
import { useNavigation } from "@react-navigation/native";
|
||||
|
||||
export default function PrivatyModal({ visible, setVisible, confirm }) {
|
||||
const tailwind = useTailwind();
|
||||
const navigation = useNavigation();
|
||||
return (
|
||||
<Modal
|
||||
visible={visible}
|
||||
statusBarTranslucent
|
||||
transparent={true}
|
||||
style={tailwind("flex-1")}
|
||||
>
|
||||
<View
|
||||
style={{
|
||||
backgroundColor: "#00000080",
|
||||
...tailwind("flex-1 items-center justify-center"),
|
||||
}}
|
||||
>
|
||||
<View
|
||||
style={tailwind("p-4 rounded-2xl bg-[#1E1C29] items-center w-3/4")}
|
||||
>
|
||||
<Text
|
||||
style={tailwind("text-white text-xl font-semibold text-center")}
|
||||
>
|
||||
个人信息保护指引
|
||||
</Text>
|
||||
<Text
|
||||
style={tailwind("text-[#FFFFFF80] text-sm font-medium mt-2 mb-4")}
|
||||
>
|
||||
欢迎您使用铁粉空间。为了更好地给您提供相关服务，我们会根据您使用服务的具体功能需要，搜集必要的用户信息。您可以通过阅读
|
||||
<Text
|
||||
onPress={() => {
|
||||
navigation.navigate("WebWithHeader", {
|
||||
title: "用户协议",
|
||||
uri: `${process.env.EXPO_PUBLIC_WEB_URL}/doc/useragreement`,
|
||||
});
|
||||
setVisible(false);
|
||||
}}
|
||||
style={tailwind("text-[#FF669E]")}
|
||||
>
|
||||
《用户协议》
|
||||
</Text>
|
||||
和
|
||||
<Text
|
||||
style={tailwind("text-[#FF669E]")}
|
||||
onPress={() => {
|
||||
navigation.navigate("WebWithHeader", {
|
||||
title: "隐私政策",
|
||||
uri: `${process.env.EXPO_PUBLIC_WEB_URL}/doc/privatypolicy`,
|
||||
});
|
||||
setVisible(false);
|
||||
}}
|
||||
>
|
||||
《隐私政策》
|
||||
</Text>
|
||||
来了解我们收集、使用、存储和共享个人信息的情况，以及对您个人隐私的保护措施。
|
||||
点击“同意并继续”代表您已阅读且同意
|
||||
<Text
|
||||
onPress={() => {
|
||||
navigation.navigate("WebWithHeader", {
|
||||
title: "用户协议",
|
||||
uri: `${process.env.EXPO_PUBLIC_WEB_URL}/doc/useragreement`,
|
||||
});
|
||||
setVisible(false);
|
||||
}}
|
||||
style={tailwind("text-[#FF669E]")}
|
||||
>
|
||||
《用户协议》
|
||||
</Text>
|
||||
和
|
||||
<Text
|
||||
style={tailwind("text-[#FF669E]")}
|
||||
onPress={() => {
|
||||
navigation.navigate("WebWithHeader", {
|
||||
title: "隐私政策",
|
||||
uri: `${process.env.EXPO_PUBLIC_WEB_URL}/doc/privatypolicy`,
|
||||
});
|
||||
setVisible(false);
|
||||
}}
|
||||
>
|
||||
《隐私政策》
|
||||
</Text>
|
||||
的全部内容。
|
||||
</Text>
|
||||
<Button
|
||||
onPress={confirm}
|
||||
color="#FF669E"
|
||||
radius="999"
|
||||
size="md"
|
||||
titleStyle={tailwind("text-base")}
|
||||
containerStyle={tailwind("w-full px-4")}
|
||||
>
|
||||
同意
|
||||
</Button>
|
||||
<TouchableOpacity
|
||||
onPress={() => setVisible(false)}
|
||||
style={tailwind("mt-4")}
|
||||
>
|
||||
<Text
|
||||
style={tailwind(
|
||||
"text-[#FFFFFF80] text-base font-medium text-center"
|
||||
)}
|
||||
>
|
||||
不同意
|
||||
</Text>
|
||||
</TouchableOpacity>
|
||||
</View>
|
||||
</View>
|
||||
</Modal>
|
||||
);
|
||||
}
|
||||
|
|
@ -115,6 +115,23 @@ export default function AboutUs({ navigation }) {
|
|||
source={require("../../../assets/icon/32DP/smalllink.png")}
|
||||
/>
|
||||
</TouchableOpacity>
|
||||
<TouchableOpacity
|
||||
onPress={() =>
|
||||
navigation.navigate("WebWithHeader", {
|
||||
title: "隐私政策",
|
||||
uri: `${process.env.EXPO_PUBLIC_WEB_URL}/doc/privatypolicy`,
|
||||
})
|
||||
}
|
||||
style={tailwind("flex flex-row h-12 items-center pr-2 pl-4")}
|
||||
>
|
||||
<Icon name="eye-outline" type="ionicon" color="white" />
|
||||
<Text style={tailwind("text-base text-white ml-2 flex-1")}>
|
||||
隐私政策
|
||||
</Text>
|
||||
<NativeImage
|
||||
source={require("../../../assets/icon/32DP/smalllink.png")}
|
||||
/>
|
||||
</TouchableOpacity>
|
||||
<TouchableOpacity
|
||||
onPress={checkUpdate}
|
||||
style={tailwind("flex flex-row h-12 items-center pr-2 pl-4")}
|
||||
|
|
|
|||
|
|
@ -38,11 +38,11 @@ export default function SelectSettingItem({ navigation }) {
|
|||
}
|
||||
|
||||
//可进详情的选项组件
|
||||
const SettingItem = ({ title, to }) => {
|
||||
const SettingItem = ({ title, to, params }) => {
|
||||
return (
|
||||
<>
|
||||
<TouchableOpacity
|
||||
onPress={() => navigation.navigate(to)}
|
||||
onPress={() => navigation.navigate(to, params)}
|
||||
style={tailwind("flex-row justify-between pt-4 pb-2")}
|
||||
>
|
||||
<Text style={tailwind("text-base text-white")}>{title}</Text>
|
||||
|
|
@ -65,6 +65,7 @@ export default function SelectSettingItem({ navigation }) {
|
|||
<SettingItem title="黑名单" to="BannedList" />
|
||||
<SettingItem title="修改密码" to="EditPassword" />
|
||||
<SettingItem title="意见反馈" to="Feedback" />
|
||||
<SettingItem title="账号注销" to="MessageDetail" params={{ mid: 1 }} />
|
||||
<TouchableOpacity
|
||||
onPress={clearCache}
|
||||
style={tailwind("flex-row justify-between pt-4 pb-2")}
|
||||
|
|
|
|||
Loading…
Reference in New Issue