/**
* Sample React Native App
* https://github.com/facebook/react-native
*
* @format
* @flow
*/
import React, { Component } from "react";
import {
Platform,
StyleSheet,
Text,
View,
Image,
TouchableOpacity,
ImageBackground,
Button,
StatusBar,
Modal,
TouchableHighlight,
DeviceEventEmitter
} from "react-native";
import AndroidUtil from "../../util/AndroidUtil";
import BasePage from "../BasePage";
import CourseTitle from "./CourseTitle";
import ChosePhoto from "./ChosePhoto";
import RegionModal from "./RegionModal";
import BirthdayModal from "./BirthdayModal";
import GradeSelectionModal from "./GradeSelectionModal";
import Header from "./Header";
import PersonalInfoDialog from "./PersonalInfoDialog";
type Props = {};
export default class PersonalInfo extends BasePage {
state = {
nickName: "初始昵称",
schoolName: "未设置",
cisys: "北京市",
grade_text: "七年级",
grade_index: 6,
birthday_year: 0,
birthday_month: 0,
birthday_day: 0,
birthday_time: 0,
photo_uri: require("../images/userInfo/default_photo.png")
};
updateState(data) {
this.setState(data);
}
render() {
return (
(this.dialog = view)}
updateParentState={this.updateState.bind(this)}
/>
(this.chosephoto = view)}
photoback={this.photoback.bind(this)}
/>
(this.regionmodal = view)}
cityscommit={this.cityscommit.bind(this)}
/>
(this.gradeselectionModal = view)}
commitGrade={this.commitGrade.bind(this)}
grade_index={this.state.grade_index}
/>
(this.birthdaymodal = view)}
birthdaycommit={this.birthdaycommit.bind(this)}
year={this.state.birthday_year}
month={this.state.birthday_month}
day={this.state.birthday_day}
/>
this.goBack()}
lefttype={2}
righttype={0}
textcolor={"white"}
backPress={() => this.goBack()}
/>
this.arrowpress(0)}
>
修改头像
{this.getArraowImg(0)}
this.arrowpress(1)}
>
{this.choseheadericon(1)}
昵称
{this.state.nickName}
{this.getArraowImg(1)}
this.arrowpress(2)}
>
{this.choseheadericon(2)}
生日
{this.state.birthday_time}
{this.getArraowImg(2)}
this.arrowpress(3)}
>
{this.choseheadericon(3)}
所在地区
{this.state.cisys}
{this.getArraowImg(3)}
this.arrowpress(4)}
>
{this.choseheadericon(4)}
我的学校
{this.state.schoolName}
{this.getArraowImg(4)}
this.arrowpress(5)}
>
{this.choseheadericon(5)}
我的年级
{this.state.grade_text}
{this.getArraowImg(5)}
this.logout()}
>
退出登录
);
}
componentWillMount() {
var date = new Date();
var year = date.getFullYear().toString();
var month = (date.getMonth() + 1).toString();
var day = date.getDate().toString();
this.setState({
birthday_year: year,
birthday_month: month,
birthday_day: day,
birthday_time: year + "年" + month + "月" + day + "日"
});
}
getArraowImg(type) {
return (
this.arrowpress(type)}
>
);
}
choseheadericon(type) {
let headerpath;
switch (type) {
case 0:
headerpath = require("../images/userInfo/headportrait.png");
break;
case 1:
headerpath = require("../images/userInfo/nickname.png");
break;
case 2:
headerpath = require("../images/userInfo/birthday.png");
break;
case 3:
headerpath = require("../images/userInfo/location.png");
break;
case 4:
headerpath = require("../images/userInfo/school.png");
break;
case 5:
headerpath = require("../images/userInfo/grade.png");
break;
}
// alert(headerpath);
return (
);
}
arrowpress(type) {
switch (type) {
case 0:
this.chosephoto.setModalVisible(true);
break;
case 1:
this.dialog.setInfo("修改昵称", "昵称");
this.dialog.setModalVisible(true, 1);
break;
case 2:
// alert("生日");
this.birthdaymodal.setModalVisible(true);
break;
case 3:
this.regionmodal.setModalVisible(true);
break;
case 4:
this.dialog.setInfo("我的学校", "学校名称");
this.dialog.setModalVisible(true, 2);
break;
case 5:
this.gradeselectionModal.setModalVisible(true);
break;
}
}
logout() {
alert("点击退出了");
}
cityscommit(provinces_name, citys_name) {
this.setState({
cisys: provinces_name + "-" + citys_name
});
}
commitGrade(text, index) {
this.setState({
grade_text: text,
grade_index: index
});
}
birthdaycommit(year, month, day) {
this.setState({
birthday_time: year + "年" + month + "月" + day + "日"
});
}
photoback(photo_uri) {
this.setState({
photo_uri: { uri: photo_uri }
});
this.chosephoto.setModalVisible(false);
}
}
const styles = StyleSheet.create({
item: {
flex: 1,
width: "100%",
flexDirection: "row",
backgroundColor: "white",
marginTop: 1
},
item_text: {
flex: 3,
textAlignVertical: "center",
color: "black",
fontSize: 16
}
});