text: /**
   * 设置 -> 关于页
   */
  import React, { Component } from "react";
  import {
      View,
      Text,
      Dimensions,
      StyleSheet,
      Linking,
      TouchableOpacity,
      TouchableNativeFeedback,
      Image,
      StatusBar,
      Platform,
      SafeAreaView,
      ScrollView
  } from "react-native";
  import { Header, Button } from "react-native-elements";
  import EIcon from "react-native-vector-icons/Entypo";
  import Global from "../../src/Global";
  
  const { width, height } = Dimensions.get("window");
  
  var { height: deviceHeight, width: deviceWidth } = Dimensions.get("window");
  export default class AboutPage extends Component {
      constructor(props) {
          super(props);
          this.openDrawer = this.openDrawer.bind(this);
          this.state = {};
      }
  
      openDrawer() {
          // 打开抽屉式导航
          this.props.navigation.openDrawer();
      }
      goToGithub() {
          Linking.openURL("https://github.com/Steven128/JLUlife");
      }
      render() {
          const { navigate } = this.props.navigation;
          var headerStyle = {
              borderBottomColor: Global.settings.theme.backgroundColor
          };
          if (Platform.OS == "ios") {
              headerStyle.paddingTop = 0;
              headerStyle.height = 44;
          }
          return (
              <SafeAreaView
                  style={{
                      flex: 1,
                      backgroundColor: Global.settings.theme.backgroundColor
                  }}
              >
                  <StatusBar
                      backgroundColor={Global.settings.theme.backgroundColor}
                      barStyle="light-content"
                      translucent={false}
                  />
                  <Header
                      containerStyle={headerStyle}
                      backgroundColor={Global.settings.theme.backgroundColor}
                      placement="left"
                      leftComponent={
                          <EIcon
                              name="chevron-left"
                              size={28}
                              color="#ffffff"
                              onPress={() =>
                                  this.props.navigation.navigate("Settings")
                              }
                          />
                      }
                      centerComponent={{
                          text: "关于 JLU Life",
                          style: { color: "#fff", fontSize: 16 }
                      }}
                  />
                  <ScrollView style={{ flex: 1, backgroundColor: "#f5f5f5" }}>
                      <View style={styles.main}>
                          <Image
                              style={{
                                  width: 80,
                                  height: 80,
                                  borderRadius: 10
                              }}
                              source={require("../assets/ic_logo.png")}
                          />
                          <View style={{ paddingTop: 30, paddingBottom: 20 }}>
                              <Text
                                  style={[
                                      styles.text,
                                      styles.title,
                                      { textAlign: "center" }
                                  ]}
                              >
                                  JLU Life
                              </Text>
                              <Text
                                  style={[styles.text, { textAlign: "center" }]}
                              >
                                  版本号 2.4.1
                              </Text>
                          </View>
                          <Text style={[styles.text, { width: width * 0.8 }]}>
                              &nbsp;&nbsp;&nbsp;&nbsp;JLU Life
                              是一款面向吉林大学学生的服务型APP。此应用并非官方应用，为个人开发，使用的接口均为学校官方开放接口，旨在帮助到同学们，为同学们的学习、生活提供便利。
                          </Text>
                          <Text style={{ height: 40 }} />
                          <Text style={[styles.text]}>
                              本项目开源，欢迎Star或Fork
                          </Text>
                          {Platform.OS === "ios" ? (
                              <TouchableOpacity
                                  activeOpacity={0.75}
                                  onPress={this.goToGithub.bind(this)}
                              >
                                  <Text
                                      style={[
                                          styles.text,
                                          styles.link,
                                          {
                                              color:
                                                  Global.settings.theme
                                                      .backgroundColor,
                                              textDecorationColor:
                                                  Global.settings.theme
                                                      .backgroundColor
                                          }
                                      ]}
                                  >
                                      https://github.com/Steven128/JLUlife
                                  </Text>
                              </TouchableOpacity>
                          ) : (
                              <TouchableNativeFeedback
                                  onPress={this.goToGithub.bind(this)}
                              >
                                  <Text
                                      style={[
                                          styles.text,
                                          styles.link,
                                          {
                                              color:
                                                  Global.settings.theme
                                                      .backgroundColor,
                                              textDecorationColor:
                                                  Global.settings.theme
                                                      .backgroundColor
                                          }
                                      ]}
                                  >
                                      https://github.com/Steven128/JLUlife
                                  </Text>
                              </TouchableNativeFeedback>
                          )}
                      </View>
  
                      <View style={{ padding: 15 }} />
                  </ScrollView>
              </SafeAreaView>
          );
      }
  }
  const styles = StyleSheet.create({
      container: {
          flex: 1
      },
      main: {
          flex: 1,
          alignItems: "center",
          paddingTop: 50
      },
      text: {
          color: "#777",
          lineHeight: 24,
          fontWeight: "100"
      },
      title: {
          fontSize: 18,
          paddingBottom: 5,
          lineHeight: 22
      },
      link: {
          textDecorationLine: "underline"
      }
  });
  