huixiang_app/lib/mine/user_info_page.dart

import 'dart:convert';

import 'package:flutter/cupertino.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:huixiang/generated/l10n.dart';
import 'package:huixiang/retrofit/data/userinfo.dart';
import 'package:huixiang/utils/flutter_utils.dart';
import 'package:huixiang/view_widget/cupertino_date_picker.dart';
import 'package:huixiang/view_widget/language_set_page.dart';
import 'package:huixiang/view_widget/round_button.dart';
import 'package:intl/intl.dart';
import 'package:shared_preferences/shared_preferences.dart';

class UserInfoPage extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return _UserInfoPage();
  }
}

class _UserInfoPage extends State<UserInfoPage> {
  @override
  void initState() {
    super.initState();
    SharedPreferences.getInstance().then((value) => {
          user = Userinfo.fromJson(jsonDecode(value.getString('user'))),
          mobile = value.getString('mobile'),
          nickName = value.getString('nick'),
          birth = user.birth,
          age = AppUtils.getAgeByString(birth),
          refresh()
        });
  }

  String birth;
  String age;
  String mobile = "";
  String locale = "zh";
  String nickName = "";
  Userinfo user;

  refresh() async {
    setState(() {});
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(
          S.of(context).zhanghaoxinxi,
          style: TextStyle(
            color: Colors.black,
            fontWeight: FontWeight.bold,
          ),
        ),
        centerTitle: false,
        backgroundColor: Color(0xFFF7F7F7),
        elevation: 0,
        leading: GestureDetector(
          onTap: () {
            Navigator.of(context).pop();
          },
          child: Container(
            alignment: Alignment.centerRight,
            margin: EdgeInsets.only(left: 10),
            padding: EdgeInsets.all(6),
            child: Icon(
              Icons.arrow_back_ios,
              color: Colors.black,
              size: 24,
            ),
          ),
        ),
        titleSpacing: 2,
        leadingWidth: 56,
      ),
      body: Container(
        // decoration: new BoxDecoration(
        //   border: Border(
        //       bottom: BorderSide(
        //           color: Color(0xffF7F7F7), width: 0.0)),
        //   color: Color(0xffF7F7F7),
        // ),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.start,
          crossAxisAlignment: CrossAxisAlignment.start,
          mainAxisSize: MainAxisSize.max,
          children: [
            Container(
              margin: EdgeInsets.only(left: 16),
              child: Text(
                S.of(context).gerenxinxi,
                style: TextStyle(
                  fontWeight: FontWeight.bold,
                  color: Color(0xFF353535),
                  fontSize: 16,
                ),
              ),
            ),
            userInfo(),
            // SizedBox(
            //   height: 24,
            // ),
            // Container(
            //   margin: EdgeInsets.only(left: 16),
            //   child: Text(
            //     S.of(context).shezhi,
            //     style: TextStyle(
            //       fontWeight: FontWeight.bold,
            //       color: Color(0xFF353535),
            //       fontSize: 16,
            //     ),
            //   ),
            // ),
            // SizedBox(
            //   height: 16,
            // ),
            // GestureDetector(
            //   onTap: () {
            //     showModalBottomSheet(
            //         backgroundColor: Colors.transparent,
            //         context: context,
            //         builder: (context) {
            //           return LanguageSetPage(locale);
            //         }).then((value) => {
            //           setState(() {
            //             if (value == "tw") {
            //               S.load(Locale.fromSubtags(
            //                   languageCode: 'zh', countryCode: 'TW'));
            //               locale = "tw";
            //             } else {
            //               S.load(Locale.fromSubtags(
            //                   languageCode: 'zh', countryCode: 'CN'));
            //               locale = "zh";
            //             }
            //             setState(() {});
            //           })
            //         });
            //   },
            //   child: settingItem(
            //       S.of(context).yuyan,
            //       locale == "zh"
            //           ? S.of(context).zhongwenjianti
            //           : S.of(context).fantizhongwen),
            // ),
            // GestureDetector(
            //   child:
            //       settingItem(S.of(context).quanxian, S.of(context).weikaiqi),
            // ),
            // Expanded(
            //   child: Column(
            //     mainAxisAlignment: MainAxisAlignment.end,
            //     children: [
            //       Container(
            //         height: 54,
            //         alignment: Alignment.center,
            //         margin: EdgeInsets.only(bottom: 46, left: 16, right: 16),
            //         color: Color(0xFF32A060),
            //         child: RoundButton(
            //           text: S.of(context).tuichudenglu,
            //           backgroup: Color(0xFF32A060),
            //           textColor: Colors.white,
            //           fontSize: 16,
            //           fontWeight: FontWeight.bold,
            //         ),
            //       )
            //     ],
            //   ),
            //   flex: 1,
            // )
          ],
        ),
      ),
    );
  }

  Widget settingItem(left, right) {
    return Container(
      margin: EdgeInsets.fromLTRB(16, 8, 16, 8),
      padding: EdgeInsets.fromLTRB(20, 16, 20, 16),
      decoration: BoxDecoration(
          color: Colors.white,
          borderRadius: BorderRadius.all(Radius.circular(8)),
          boxShadow: [
            BoxShadow(
              color: Colors.black.withAlpha(12),
              offset: Offset(0, 3),
              blurRadius: 14,
              spreadRadius: 0,
            )
          ]),
      child: Row(
        children: [
          Expanded(
            child: Text(
              left,
              style: TextStyle(
                fontWeight: FontWeight.bold,
                fontSize: 14,
                color: Color(0xFF353535),
              ),
            ),
            flex: 1,
          ),
          Text(
            right,
            style: TextStyle(fontSize: 12, color: Color(0xFF727272)),
          ),
          SizedBox(
            width: 16,
          ),
          Icon(
            Icons.keyboard_arrow_right,
            size: 20,
          ),
        ],
      ),
    );
  }

  Widget userInfo() {
    return Container(
      margin: EdgeInsets.fromLTRB(16, 32, 16, 16),
      padding: EdgeInsets.fromLTRB(20, 6, 20, 18),
      decoration: BoxDecoration(
        color: Colors.white,
        borderRadius: BorderRadius.all(Radius.circular(8)),
        boxShadow: [
          BoxShadow(
            color: Colors.black.withAlpha(12),
            offset: Offset(0, 3),
            blurRadius: 14,
            spreadRadius: 0,
          ),
        ],
      ),
      child: Column(
        children: [
          avatarItem(0, ""),
          avatarItem(1, nickName),
          InkWell(
            onTap: showDateSelector,
            child: avatarItem(
                2,
                (birth != null && birth != "")
                    ? birth
                    : S.of(context).wanshanshengrixinxi_yhq),
          ),
          avatarItem(3, mobile),
          avatarItem(
              4,
              (age == null || age == "")
                  ? S.of(context).wanshanshengrixinxi_nl
                  : S.of(context).sui(age)),
        ],
      ),
    );
  }

  List<String> itemLefts = [
    S.current.touxiang,
    S.current.yonghuming,
    S.current.wodeshengri,
    S.current.shoujihao,
    S.current.wodenianling,
  ];

  showDateSelector() async {
    DateTime dateTime = await showModalBottomSheet(
        backgroundColor: Colors.transparent,
        context: context,
        builder: (_) {
          return CupertinoDatePickerWidget();
        });
    if (dateTime != null) {
      birth = DateFormat("yyyy.MM.dd").format(dateTime);
      age = AppUtils.getAge(dateTime);
      setState(() {});
    }
  }

  Widget avatarItem(type, value) {
    return Container(
      margin: EdgeInsets.only(top: 14, bottom: 14),
      child: Row(
        children: [
          Expanded(
            child: Text(
              itemLefts[type],
              style: TextStyle(
                fontWeight: FontWeight.bold,
                fontSize: 14,
                color: Color(0xFF353535),
              ),
            ),
            flex: 1,
          ),
          buildValue(type, value),
          if (type == 3 || type == 0) valueEnd(),

        ],
      ),
    );
  }

  Widget valueEnd() {
    return Container(
      child: Row(
        children: [
          SizedBox(
            width: 8,
          ),
          Icon(
            Icons.keyboard_arrow_right,
            size: 20,
          )
        ],
      ),
    );
  }

  Widget buildValue(type, value) {
    if (type == 0) {
      return ClipRRect(
        borderRadius: BorderRadius.circular(4),
        child: Image.network(
          "https://t7.baidu.com/it/u=2869268957,1721811479&fm=193&f=GIF",
          width: 42,
          height: 42,
          fit: BoxFit.cover,
        ),
      );
    } else if (type == 1) {
      return Text(
        value,
        style: TextStyle(
            fontWeight: FontWeight.bold, fontSize: 14, color: Colors.black),
      );
    } else {
      return Text(
        value,
        style: TextStyle(
            fontWeight: FontWeight.bold,
            fontSize: 14,
            color: Color(0xFF727272)),
      );
    }
  }
}