/**
 * 关于页面
 * @邠心vbe on 2021/4/7
 */
import React from 'react';
import { View, Text, Image, StyleSheet } from 'react-native';
import app from '../../app.json';

const author = 2022;

export default About = () => {
  return (
    <View style={styles.container}>
      <Image
        style={styles.logo}
        resizeMode='contain'
        source={require('../images/about-logo.png')}/>
      {/* <Text style={styles.appName}>{app.displayName}</Text> */}
      <Text style={styles.versionName}>{app.versionName}</Text>
      <Text style={styles.copyright}>{'Copyright ' + /*app.versionName + ' Build ' + app.versionCode + */getYearRange()+' Strides Pte. Ltd.'}</Text>
    </View>
  );
}

const getYearRange = () => {
  const y = new Date().getFullYear();
  var r = '©' + author;
  if (y != author) {
    r += '-' + y
  }
  return r;
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'center',
    backgroundColor: '#FFF'
  },
  logo: {
    width: 238,
    height: 75,
    marginTop: $vw(25)
  },
  appName: {
    color: '#000',
    fontSize: 20,
    paddingTop: 5,
    textAlign: 'center'
  },
  versionName: {
    color: '#999',
    fontSize: 11,
    paddingTop: 4,
    textAlign: 'center',
  },
  copyright: {
    left: 0,
    right: 0,
    bottom: 16,
    color: '#aaa',
    fontSize: 10,
    lineHeight: 14,
    textAlign: 'center',
    position: 'absolute',
  }
})