{"size": 3144, "ext": "js", "max_stars_repo_path": "app/pages/Mine/Mine.js", "max_stars_repo_name": "javisChen/ck-mall-app", "max_stars_repo_stars_event_min_datetime": "2021-06-23T14:19:17.000Z", "max_stars_repo_stars_event_max_datetime": "2021-06-23T14:19:17.000Z", "max_issues_repo_path": "app/pages/Mine/Mine.js", "max_issues_repo_name": "javisChen/ck-mall-app", "max_issues_repo_issues_event_min_datetime": "2021-05-11T04:34:43.000Z", "max_issues_repo_issues_event_max_datetime": "2021-05-11T04:34:43.000Z", "max_forks_repo_path": "app/pages/Mine/Mine.js", "max_forks_repo_name": "javisChen/ck-mall-app", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": 1, "max_forks_count": null, "avg_line_length": 30.2307692308, "max_line_length": 82, "alphanum_fraction": 0.4834605598}
import React, {Component} from 'react';
import styles from "./MineStyles";

import {
  View,
  Text,
  Image,
  ScrollView,
  ImageBackground,
  TouchableOpacity
} from "react-native";
import Separator from "@components/Separator/Separator";

export default class Mine extends Component {

  constructor(props) {
    super(props);
    this.state = {}
  }

  toLoginPage = () => {
    this.props.navigation.navigate('Login')
  };

  render() {
    return (
        <ScrollView style={styles.container}>
          <ImageBackground
              source={require('@res/images/mine/icon-mine-header-bg.png')}
              style={styles.header}>

            <TouchableOpacity
                onPress={this.toLoginPage}
                activeOpacity={1}
            >
              <View style={styles.loginWrapper}>
                <Image
                    style={styles.userIcon}
                    source={require('@res/images/mine/icon-mine-user.png')}
                />
                <Text style={styles.text}>登录 / 注册</Text>
              </View>
            </TouchableOpacity>
          </ImageBackground>

          <View style={styles.orderInfoWrapper}>
            <View style={styles.myOrderWrapper}>
              <Text style={styles.myOrderText}>我的订单</Text>
              <Text style={styles.allOrderText}>全部订单</Text>
              <Image
                  style={styles.rightArrow}
                  source={require('@res/images/detail/right.png')}
              />
            </View>
            <View style={styles.orderStatusWrapper}>
              <View style={styles.orderStatusItem}>
                <Image
                    style={styles.orderStatusItemIcon}
                    source={require('@res/images/mine/icon-wait-for-pay.png')}
                />
                <Text style={styles.orderStatusItemText}>
                  待付款
                </Text>
              </View>
              <View style={styles.orderStatusItem}>
                <Image
                    style={styles.orderStatusItemIcon}
                    source={require('@res/images/mine/icon-wait-for-deliver.png')}
                />
                <Text style={styles.orderStatusItemText}>
                  待发货
                </Text>
              </View>
              <View style={styles.orderStatusItem}>
                <Image
                    style={styles.orderStatusItemIcon}
                    source={require('@res/images/mine/icon-wait-for-receive.png')}
                />
                <Text style={styles.orderStatusItemText}>
                  待收货
                </Text>
              </View>
              <View style={styles.orderStatusItem}>
                <Image
                    style={styles.orderStatusItemIcon}
                    source={require('@res/images/mine/icon-wait-for-comment.png')}
                />
                <Text style={styles.orderStatusItemText}>
                  待评价
                </Text>
              </View>
            </View>
          </View>
          <Separator/>

          <View style={styles.list}>

          </View>
        </ScrollView>
    )
        ;
  }
}
