liangchengyou / wow_english

  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/utils/image_util.dart';
  

  import '../modify/modify_user_information_page.dart';

  
  class UserInformationPage extends StatelessWidget {
    const UserInformationPage({super.key});
  
    @override
    Widget build(BuildContext context) {
      return BlocProvider(

        create: (context) => UserBloc(),

        child: const _UserInformationView(),
      );
    }
  }
  
  class _UserInformationView extends StatelessWidget {
    const _UserInformationView({super.key});
  
    @override
    Widget build(BuildContext context) {

      return BlocListener<UserBloc, UserState>(

        listener: (context, state) {},

        child: BlocBuilder<UserBloc, UserState>(builder: (context, state) {

          return const _UserInformationContentView();
        }),
      );
    }
  }
  
  class _UserInformationContentView extends StatelessWidget {
    const _UserInformationContentView({super.key});
  

    void _openModifyPage(ModifyUserInformationType type) {
      print('_openModifyPage($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),
                    ),

                  )),
              11.verticalSpace,

              _buildContentRow(

                  '名字',
                  Text(
                    user.name,
                    style: TextStyle(
                      fontWeight: FontWeight.w500,
                      color: const Color(0xFF333333),
                      fontSize: 21.sp,
                    ),

                  ),
                  onTap: () => _openModifyPage(ModifyUserInformationType.name)),

              11.verticalSpace,

              _buildContentRow(

                  '年龄',
                  Text(
                    user.age.toString(),
                    style: TextStyle(
                      fontWeight: FontWeight.w500,
                      color: const Color(0xFF333333),
                      fontSize: 21.sp,
                    ),
                  )),
              11.verticalSpace,

              _buildContentRow(

                  '性别',
                  Text(
                    user.getGenderString(),
                    style: TextStyle(
                      fontWeight: FontWeight.w500,
                      color: const Color(0xFF333333),
                      fontSize: 21.sp,
                    ),
                  )),
              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),
              )
            ]),
          ));
    }
  }