view.tsx

/**
 * @author sheng
 * @description 隐私弹窗
 * @date 2020/09/04
 */
import React, { useCallback, useEffect, useState } from 'react'
import { Text, Linking } from 'react-native'
import { Modal, Storage } from 'react-native-mb-ui'
import { APP } from '../../config'
import { styles } from './style'

const PrivacyAlert: React.FC = () => {
    const [visible, setVisible] = useState(false)

    useEffect(() => {
        const showPrivacy = async (): Promise<void> => {
            const notFirst = await Storage.getItem(APP.notFirstInstall)

            if (notFirst === null)
                setVisible(true)
        }

        showPrivacy()
    }, [])

    const goPrivacy = useCallback(() => Linking.openURL(APP.privacyLink), [])

    const onOk = useCallback(() => {
        setVisible(false)
        Storage.setItem(APP.notFirstInstall, true)
    }, [])

    return (
        <Modal
            visible={visible}
            title='温馨提示'
            onClose={onOk}
            button={[{ text: '我知道了' }]}
            content={
                <Text style={styles.content}>{`欢迎来到信巴迪商品交易所, 感谢您对信巴迪的信任和支持！\n`}
        为了提供给您更加优质和个性化的服务, 我们会收集或使用您的搜索、浏览与购买等信息。具体内容请您详阅
          <Text style={styles.privacy} onPress={goPrivacy}>《商城平台隐私权政策》</Text>
          全文, 我们已采用业内先进的信息保护措施, 并会持续优化信息保护技术和安全管理流程, 来保护您的个人信息安全。
        </Text>
            }
        />
    )
}

export default PrivacyAlert