app-zj/lib/page/user_center/user_center_page.dart

import 'package:cached_network_image/cached_network_image.dart';
import 'package:easy_refresh/easy_refresh.dart';
import 'package:flutter/material.dart';
import 'package:lszlgl/base/base_lifecycle_state.dart';
import 'package:lszlgl/base/base_state.dart';
import 'package:lszlgl/model/rsp/user_rsp.dart';
import 'package:lszlgl/network/api.dart';
import 'package:lszlgl/service/user_service.dart';
import 'package:lszlgl/widget/card_item.dart';

/// 用户中心
class UserCenterPage extends StatefulWidget {
  const UserCenterPage({Key? key}) : super(key: key);

  @override
  State<UserCenterPage> createState() => _UserCenterPageState();
}

class _UserCenterPageState extends BaseLifecycleState<UserCenterPage> with AutomaticKeepAliveClientMixin {
  final userNotify = null.notifier<UserRsp?>();

  void startAccountManage() {
    MyRouter.startAccountManage();
  }

  void startSetting() {
    MyRouter.startSetting();
  }

  Future<void> onRefresh() async {
    try {
      var value = await Api().userProfile();
      if (value.data != null) userNotify.value = value.data;
    } catch (err) {}
  }

  @override
  void onInit() {
    userNotify.value = UserService.get().getUser();
  }

  @override
  Widget build(BuildContext context) {
    super.build(context);
    return myScaffold(child: buildBody());
  }

  Widget buildBody() {
    return Column(
      children: [
        myAppBar(title: '用户中心', autoLeading: false),
        Expanded(
          child: EasyRefresh(
            onRefresh: onRefresh,
            child: CustomScrollView(
              slivers: [
                SliverToBoxAdapter(
                  child: Column(
                    children: [
                      buildUserInfo(),
                      const SizedBox(height: 30),
                      buildList(),
                    ],
                  ),
                )
              ],
            ),
          ),
        ),
      ],
    );
  }

  Widget buildUserInfo() {
    return userNotify.builder((user) {
      return GestureDetector(
        onTap: startAccountManage,
        child: Container(
          margin: const EdgeInsets.symmetric(horizontal: 12),
          padding: const EdgeInsets.only(left: 8, right: 14, top: 14, bottom: 26),
          clipBehavior: Clip.hardEdge,
          decoration: BoxDecoration(
            borderRadius: const BorderRadius.all(Radius.circular(12)),
            boxShadow: [BoxShadow(color: Colors.black.withOpacity(0.1), offset: const Offset(0, 5), blurRadius: 4)],
            image: const DecorationImage(image: AssetImage(imgHomeListBg), fit: BoxFit.fill),
          ),
          child: Column(
            children: [
              buildUserText(user?.dept?.name ?? ''),
              Row(
                children: [
                  buildUserAvatar(user?.avatar ?? ''),
                  const SizedBox(width: 12),
                  Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    mainAxisSize: MainAxisSize.min,
                    children: [
                      Text(
                        user?.nickname ?? '',
                        style: const TextStyle(fontSize: 17, color: Color(0xFF333333), fontWeight: FontWeight.w500),
                      ),
                      const SizedBox(height: 14),
                      Text(
                        user?.username ?? '',
                        style: const TextStyle(fontSize: 17, color: Color(0xFF333333), fontWeight: FontWeight.w500),
                      ),
                    ],
                  ),
                ],
              ),
            ],
          ),
        ),
      );
    });
  }

  Widget buildUserAvatar(String imageUrl) {
    return Container(
      width: 75,
      height: 75,
      clipBehavior: Clip.hardEdge,
      decoration: const BoxDecoration(
        color: Color(0xFF7085A1),
        borderRadius: BorderRadius.all(Radius.circular(200)),
        border: Border.fromBorderSide(BorderSide(color: Color(0xFF7085A1), width: 1, strokeAlign: 1.0)),
      ),
      child: CachedNetworkImage(
        fit: BoxFit.cover,
        imageUrl: imageUrl,
        placeholder: (_, __) => const Center(child: CircularProgressIndicator()),
        errorWidget: (context, url, error) => const Center(child: Icon(Icons.error)),
      ),
    );
  }

  Widget buildUserText(String text) {
    return Align(
      alignment: Alignment.topRight,
      child: Text(
        text,
        style: const TextStyle(
          color: Color(0xFF333333),
          fontSize: 13,
          fontWeight: FontWeight.w500,
        ),
      ),
    );
  }

  Widget buildList() {
    return Container(
      margin: const EdgeInsets.symmetric(horizontal: 14),
      clipBehavior: Clip.hardEdge,
      decoration: const BoxDecoration(borderRadius: BorderRadius.all(Radius.circular(10))),
      child: Column(
        children: [
          CardItemWidget(
            '账号管理',
            onTap: startAccountManage,
            leading: Image.asset(imgUserCenterAccount, height: 16),
            trailing: Image.asset(imgItemArrowRight, height: 16),
            bottomLine: true,
          ),
          CardItemWidget(
            '设置',
            onTap: startSetting,
            leading: Image.asset(imgUserCenterSetting, height: 16),
          ),
        ],
      ),
    );
  }

  @override
  bool get wantKeepAlive => true;
}