view.js

import React, { useState } from 'react'
import { Text, Image, Button, View } from 'react-native'
import { SafeAreaView } from 'react-native-safe-area-context'
import { styles } from './style'
import { getVersionCode, getVersion } from '../../libs/utils'


const Page: () => React$Node = ({ navigation, userInfo, user }) => {
    const [version, setVersion] = useState(null)
    const [versionCode, setVersionCode] = useState(null)

    const imageConfig = {
        uri: userInfo ? "https://images.b2bwings.com/10170109-22af-467b-8b18-008ec4d09724.jpg" : null
    }

    const name = userInfo ? user.name : '未登录'
    versionCode === null && getVersionCode().then(res => setVersionCode(res))
    version === null && getVersion().then(res => setVersion(res))

    return (
        <SafeAreaView style={styles.body}>
            <Image source={imageConfig} style={styles.headerImg} />
            <Text style={styles.title}>{name}</Text>
            { userInfo && <Text style={styles.tips}>{user.phone}</Text> }
            { userInfo && <Text style={styles.tips}>职位：{user.position}</Text> }
            
            { userInfo ? <></> :<Button title="点击登陆" onPress={() => navigation.navigate('login')} />}
            <View style={styles.appVersion}>
                <Text style={styles.appVersionTitle} >APP版本：{version}</Text>
                <Text style={styles.appVersionTitle} >APP版本号: {versionCode}</Text>
            </View>
        </SafeAreaView>
    )
}

export default Page