lib/pages/user/information/user_information_page.dart

import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:wow_english/common/core/assets_const.dart';
import 'package:wow_english/common/core/user_util.dart';
import 'package:wow_english/common/widgets/we_app_bar.dart';
import 'package:wow_english/models/user_entity.dart';
import 'package:wow_english/pages/user/bloc/user_bloc.dart';
import 'package:wow_english/route/route.dart';
import 'package:wow_english/utils/image_util.dart';
import 'package:wow_english/utils/log_util.dart';
import '../modify/modify_user_information_page.dart';
class UserInformationPage extends StatelessWidget {
  const UserInformationPage({super.key});
  @override
  Widget build(BuildContext context) {
    return BlocBuilder<UserBloc, UserState>(builder: (context, state) {
      return _UserInformationContentView();
    });
  }
}
class _UserInformationContentView extends StatelessWidget {
  void _openModifyPage(BuildContext context, ModifyUserInformationType type) {
    Log.d('_openModifyPage($type)');
    ModifyUserInformationPage.push(context, type);
  }
  @override
  Widget build(BuildContext context) {
    UserEntity user = UserUtil.getUser()!;
    return Scaffold(
      backgroundColor: Colors.white,
      appBar: const WEAppBar(
        titleText: "个人信息",
      ),
      body: SingleChildScrollView(
        padding:
            EdgeInsets.only(left: 17.w, right: 17.w, top: 10.h, bottom: 22.h),
        child: Column(
          children: [
            _buildContentRow(
                '头像',
                CircleAvatar(
                  radius: 22.5.r,
                  backgroundColor: const Color(0xFF140C10),
                  child: CircleAvatar(
                    radius: 21.r,
                    backgroundImage:
                        ImageUtil.getImageProviderOnDefault(user.avatarUrl),
                  ),
                ),
                onTap: () => pushNamed(AppRouteName.userAvatar,
                    arguments: {'pageType': '1'})),
            11.verticalSpace,
            _buildContentRow(
                '名字',
                Text(
                  user.name,
                  style: TextStyle(
                    fontWeight: FontWeight.w500,
                    color: const Color(0xFF333333),
                    fontSize: 21.sp,
                  ),
                ),
                onTap: () =>
                    _openModifyPage(context, ModifyUserInformationType.name)),
            11.verticalSpace,
            _buildContentRow(
                '年龄',
                Text(
                  (user.age ?? 0).toString(),
                  style: TextStyle(
                    fontWeight: FontWeight.w500,
                    color: const Color(0xFF333333),
                    fontSize: 21.sp,
                  ),
                ),
                onTap: () =>
                    _openModifyPage(context, ModifyUserInformationType.age)),
            11.verticalSpace,
            _buildContentRow(
                '性别',
                Text(
                  user.getGenderString(),
                  style: TextStyle(
                    fontWeight: FontWeight.w500,
                    color: const Color(0xFF333333),
                    fontSize: 21.sp,
                  ),
                ),
                onTap: () =>
                    _openModifyPage(context, ModifyUserInformationType.gender)),
            11.verticalSpace,
            _buildContentRow(
              '账号',
              Text(
                user.phoneNum,
                style: TextStyle(
                  fontWeight: FontWeight.w500,
                  color: const Color(0xFF999999),
                  fontSize: 21.sp,
                ),
              ),
              isHideEndIcon: true,
            ),
          ],
        ),
      ),
    );
  }
  Widget _buildContentRow(String filedName, Widget contentWidget,
      {bool isHideEndIcon = false, Function()? onTap}) {
    return GestureDetector(
        onTap: onTap,
        child: Container(
          padding:
              EdgeInsets.only(left: 16.w, right: 16.w, top: 18.h, bottom: 18.h),
          decoration: BoxDecoration(
              image: DecorationImage(
                  image: ImageUtil.getImageProviderOnDefault(
                      AssetsConst.bgUserInformationText),
                  fit: BoxFit.fill)),
          child: Row(children: [
            Text(
              filedName,
              style: TextStyle(
                fontWeight: FontWeight.w700,
                color: const Color(0xFF999999),
                fontSize: 21.sp,
              ),
            ),
            32.horizontalSpace,
            Expanded(
                child: Container(
              alignment: Alignment.centerLeft,
              child: contentWidget,
            )),
            Offstage(
              offstage: isHideEndIcon,
              child: Image.asset(AssetsConst.icNext, width: 20.w, height: 25.h),
            )
          ]),
        ));
  }
}