view.js

/**
 * @author sheng
 * @description 隐私弹窗
 * @date 2020/09/04
 */
import React, { useCallback, useEffect, useState } from 'react'
import { Text, Linking } from 'react-native'
import { XbdAlertDialog } from 'rn-ui'
import { APP } from '../../config'
import { getStorage, setStorage, setUnit } from '../../libs/utils'
import { styles } from './style'

const Component = () => {
  const [visible, setVisible] = useState(false)

  useEffect(() => {
    showPrivacy()
  }, [])

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

  const showPrivacy = async () => {
    const notFirst = await getStorage(APP.notFirstInstall)

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

  const onOk = useCallback(() => {
    setVisible(false)
    setStorage(APP.notFirstInstall, true)
  })

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

export default Component