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();

                      },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)
        ],
      );
    }

  }