liangchengyou / wow_english

  import 'package:flutter/cupertino.dart';

  import 'package:flutter/material.dart';

  import 'package:flutter/services.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/dialogs/show_dialog.dart';

  import 'package:wow_english/common/widgets/textfield_customer_widget.dart';

  import 'package:wow_english/common/widgets/we_app_bar.dart';
  import 'package:wow_english/pages/user/bloc/user_bloc.dart';

  import 'package:wow_english/pages/user/modify/user_info_bloc/user_info_bloc.dart';
  import 'package:wow_english/route/route.dart';
  import 'package:wow_english/utils/toast_util.dart';

  
  enum ModifyUserInformationType {

    avatar('头像'),
    name('名字'),
    age('年龄'),
    gender('性别');

  
    const ModifyUserInformationType(this.title);
  
    final String title;
  }
  
  class ModifyUserInformationPage extends StatelessWidget {
    final ModifyUserInformationType type;
  
    const ModifyUserInformationPage({super.key, required this.type});
  

    static push(BuildContext context, ModifyUserInformationType type) {
      Navigator.of(context).push(CupertinoPageRoute(builder: (context) {
        return ModifyUserInformationPage(type: type);
      }));
    }
  

    @override
    Widget build(BuildContext context) {

      String text = '';
      if (type == ModifyUserInformationType.age) {
        text = UserUtil.getUser()!.age.toString();
      } else if (type == ModifyUserInformationType.name) {
        text = UserUtil.getUser()!.name;
      }

      return BlocProvider(

        create: (context) => UserInfoBloc()..add(InitControllerTextEvent(text)),
        child: MultiBlocListener(
          listeners: [

            BlocListener<UserBloc, UserState>(listener: (context, state) {

              if (state is UserInfoUpdated) {
                showToast('修改成功');
                popPage();
              }
            })
          ],

          child: BlocBuilder<UserInfoBloc, UserInfoState>(
            builder: (context, state) {
              final bloc = BlocProvider.of<UserInfoBloc>(context);
              return Scaffold(
                backgroundColor: Colors.white,
                appBar: WEAppBar(
                  titleText: '修改${type.title}',
                  onBack: () {
                    final bloc = BlocProvider.of<UserInfoBloc>(context);
                    if (bloc.isChangeInfo) {

                      showTwoActionDialog('提示', '确定离开', '继续修改', '您的信息尚未保存',
                          leftTap: () {

                        popPage();

                        popPage();
                      }, rightTap: () {

                        popPage();
                      });
                    } else {
                      popPage();
                    }
                  },
                ),
                body: SingleChildScrollView(
                    child: Column(

                  children: [
                    Padding(
                        padding:
                            EdgeInsets.only(left: 65.w, right: 55.w, top: 38.h),
                        child: Row(

                          children: [

                            Text(
                              type.title,
                              style: TextStyle(
                                fontWeight: FontWeight.w700,
                                color: const Color(0xFF333333),
                                fontSize: 21.sp,
                              ),

                            ),

                            20.horizontalSpace,
                            // 输入框 or 选择框
                            _buildTextFieldWidget(context),
                            // 占位
                            Expanded(
                              child: Container(),

                            ),

                            // 按钮
                            GestureDetector(
                              onTap: () {
                                var text = '';
                                if (type == ModifyUserInformationType.name ||
                                    type == ModifyUserInformationType.age) {
                                  if (bloc.modifyTextController.text.isEmpty) {
                                    showToast('内容不能为空');
                                    return;
                                  }
                                  text = bloc.modifyTextController.text;
                                }
  
                                if (type == ModifyUserInformationType.gender) {
                                  text = bloc.gender.toString();
                                }
                                // 更新type类型的字段
                                context
                                    .read<UserBloc>()
                                    .add(UserUpdate(type, text));
                              },
                              child: Container(
                                alignment: Alignment.center,
                                width: 90.w,
                                height: 44.h,
                                decoration: const BoxDecoration(
                                  image: DecorationImage(
                                      image: AssetImage(AssetsConst.bgButtonBlue),
                                      fit: BoxFit.fill),
                                ),
                                child: Text(
                                  '确定',
                                  style: TextStyle(
                                      fontSize: 17.sp, color: Colors.white),
                                ),
                              ),
                            )

                          ],

                        )),
                    Stack(
                      alignment: Alignment.topRight,
                      children: [
                        Image.asset(
                          AssetsConst.bgEditUserInformation,
                          width: double.infinity,
                        ),
                        Positioned(
                          right: 125.w,
                          top: 10.h,
                          child: Image.asset(AssetsConst.bgIcSteveWrite,
                              width: 161.w, height: 249.w),

                        ),
                      ],

                    ),
                  ],
                )),

              );
            },

          ),
        ),
      );
    }

  
    Widget _buildTextFieldWidget(BuildContext context) {

      if (type == ModifyUserInformationType.gender) {

        return BlocBuilder<UserInfoBloc, UserInfoState>(

            builder: (context, state) {
          final bloc = BlocProvider.of<UserInfoBloc>(context);
          return Row(
            children: <Widget>[
              GestureDetector(
                onTap: () => bloc.add(ChangeGenderEvent(0)),
                child: _buildSexWidget('男', bloc.gender == 0),
              ),
              70.horizontalSpace,
              GestureDetector(
                onTap: () => bloc.add(ChangeGenderEvent(1)),
                child: _buildSexWidget('女', bloc.gender == 1),
              )
            ],
          );
        });

      }
  
      var formatters = [
        LengthLimitingTextInputFormatter(12),
        FilteringTextInputFormatter.deny(RegExp('[ ]')),
      ];
      var inputType = TextInputType.name;
      // 当输入年龄时
      if (type == ModifyUserInformationType.age) {
        formatters = [
          LengthLimitingTextInputFormatter(2),
          FilteringTextInputFormatter.deny(RegExp('[ ]')),
        ];
        inputType = TextInputType.number;
      }

      return BlocBuilder<UserInfoBloc, UserInfoState>(builder: (context, state) {
        final bloc = BlocProvider.of<UserInfoBloc>(context);
        return TextFieldCustomerWidget(
          height: 65.h,
          width: 222.w,
          textStyle: TextStyle(
            fontWeight: FontWeight.w700,
            color: const Color(0xFF333333),
            fontSize: 21.sp,
          ),
          bgImageName: 'Input_layer_up',
          textInputType: inputType,
          inputFormatters: formatters,
          controller: bloc.modifyTextController,
          onChangeValue: (String value) {
            bloc.add(ChangeTextFieldEvent(value));
          },
        );
      });

    }

    Widget _buildSexWidget(String title, bool isSelect) {

      return Row(
        children: [
          Container(
            width: 21.h,
            height: 21.h,
            padding: EdgeInsets.all(4.h),
            decoration: BoxDecoration(
                borderRadius: BorderRadius.circular(21.r),

                border: Border.all(color: const Color(0xFF140C10), width: 1.5)),

            child: Offstage(

              offstage: !isSelect,

              child: ClipRRect(
                borderRadius: BorderRadius.circular(13.r),
                child: Container(
                  color: Colors.blue,
                ),
              ),
            ),
          ),
          5.horizontalSpace,
          Text(title)
        ],
      );
    }

  }