aboutUs.js 4.96 KB
/**
 * Created by tdzl2003 on 12/18/16.
 */
import React, {Component, PropTypes} from "react";
import {
    Dimensions,
    Image,
    ScrollView,
    StyleSheet,
    Text,
    TouchableOpacity,
    View,
    Platform,
    FlatList,
    BackHandler,
    ActivityIndicator,
    StatusBar,
    NativeModules
} from "react-native";
import Toast from 'react-native-root-toast';
import {zoomW,zoomH} from '../../utils/getSize';
const noResult = require('../../img/noResult.png');
const logo = require('../../img/iTunesArtwork.png');
import AppService from '../../service/AppService';

export default class aboutUs extends Component {
    static navigationOptions = ({navigation}) => ({
        headerTitle:'关于我们',
        headerLeft:(
            <TouchableOpacity style={styles.backWrap} onPress={() => navigation.goBack()}>
                <Image source={require('../../img/back_gray.png')} resizeMode="contain" />
            </TouchableOpacity>
        ),
         headerRight:(
                    <View></View>
                )
    });

    constructor(){
        super()
        this.state = {
            loading:false,
            verson:''
        };
    }

    componentDidMount(){

        NativeModules.BlueToolManage.getAppVersion().then((data)=>{
            this.setState({
                verson:data,
            });
        })



    }


    render(){
        return(
            <View style={styles.bg}>
                <StatusBar barStyle={'default'}/>
                {!this.state.loading && <View>
                    <View style={{flexDirection:'row',height:160/zoomH,alignItems:'center',justifyContent:'center',paddingLeft:16/zoomW,paddingRight:16/zoomW}}></View>
                    <View style={{flexDirection:'row',height:80/zoomH,alignItems:'center',justifyContent:'center',paddingLeft:16/zoomW,paddingRight:16/zoomW}}>
                        <View style={{flex:1,height:1/zoomH}}></View>
                        <Image source={logo} resizeMode="contain" style={styles.logo} />
                        <View style={{flex:1,height:1/zoomH}}></View>
                    </View>
                    <View style={{height:40/zoomH,alignItems:'center',justifyContent:'center',marginTop:20}}>
                        {/*<View style={{flex:1,height:1/zoomH}}></View>*/}
                        <Text style={styles.title} >平安地铁</Text>
                        {/*<View style={{flex:1,height:1/zoomH}}></View>*/}
                    </View>
                    <View style={{height:40/zoomH,alignItems:'center',justifyContent:'center',marginTop:20}}>
                        {/*<View style={{flex:1,height:1/zoomH,}}></View>*/}
                        <Text style={styles.text}>上海申通地铁集团有限公司</Text>
                        {/*<View style={{flex:1,height:1/zoomH}}></View>*/}
                    </View>
                </View>}
                <View style={{flexDirection:'row',height:180/zoomH,alignItems:'center',justifyContent:'center',paddingLeft:16/zoomW,paddingRight:16/zoomW}}></View>
                <View style={{flexDirection:'row',height:40/zoomH,alignItems:'center',justifyContent:'center',paddingLeft:16/zoomW,paddingRight:16/zoomW}}>
                    <View style={{flex:1,height:1/zoomH,}}></View>
                    <Text style={styles.text}>版本号{this.state.verson}</Text>
                    <View style={{flex:1,height:1/zoomH}}></View>
                </View>
                {this.state.loading && <View style={styles.loadingBg}>
                    <ActivityIndicator size="large" />
                </View>}
            </View>
        )
    }
}
const styles = StyleSheet.create({
    backWrap: {
        justifyContent: 'center',
        paddingLeft: 18.5/zoomW,
        paddingRight: 18.5/zoomW,
        height: 44/zoomH,
    },
    back: {
        width: 8.5/zoomW,
        height: 15/zoomH,
    },
    bg:{
        flex:1,
        backgroundColor:'#f6f6f6',
    },
    row:{
        height:118/zoomH,
        flexDirection:'column',
        paddingHorizontal:15/zoomW,
        // alignItems:'center',
        borderBottomColor:'#dddddd',
        backgroundColor:'white',
        justifyContent: 'center',
    },
    title:{
        fontSize:16,
        color:'#4b4b4b',
        flex:1,
        justifyContent:'center',
        alignItems:'center',
        textAlign:'center'
    },
    text:{
        color:'#A9A9A9',
        fontSize:14,
        // marginLeft:15/zoomW,
        justifyContent:'center',
        alignItems:'center',
        textAlign:'center'
    },
    img:{
        width:31/zoomW,
        height:31/zoomW,

    },
    tableLine:{
        marginTop: (5 / zoomH),
        flexDirection:'row',
        alignItems:'center',
    },
    logo:{
        width: (70 / zoomW),
        height: (70 / zoomH),
        justifyContent:'center',
        alignItems:'center',
        borderRadius:8
    },
    loadingBg:{
        width:'100%',
        height:'100%',
        position:'absolute',
        display:'flex',
        alignItems:'center',
        justifyContent:'center'
    },
});