Commit 6778c289bc993e6a593e8a049aa749f06f7921c6
Merge branch 'dev_song_master'
Showing
3 changed files
with
153 additions
and
135 deletions
lib/pages/user/information/user_information_page.dart
| ... | ... | @@ -17,16 +17,13 @@ class UserInformationPage extends StatelessWidget { |
| 17 | 17 | |
| 18 | 18 | @override |
| 19 | 19 | Widget build(BuildContext context) { |
| 20 | - return BlocBuilder<UserBloc, UserState>( | |
| 21 | - builder: (context,state){ | |
| 22 | - return _UserInformationContentView(); | |
| 23 | - }); | |
| 20 | + return BlocBuilder<UserBloc, UserState>(builder: (context, state) { | |
| 21 | + return _UserInformationContentView(); | |
| 22 | + }); | |
| 24 | 23 | } |
| 25 | 24 | } |
| 26 | 25 | |
| 27 | - | |
| 28 | 26 | class _UserInformationContentView extends StatelessWidget { |
| 29 | - | |
| 30 | 27 | void _openModifyPage(BuildContext context, ModifyUserInformationType type) { |
| 31 | 28 | Log.d('_openModifyPage($type)'); |
| 32 | 29 | ModifyUserInformationPage.push(context, type); |
| ... | ... | @@ -41,7 +38,8 @@ class _UserInformationContentView extends StatelessWidget { |
| 41 | 38 | titleText: "个人信息", |
| 42 | 39 | ), |
| 43 | 40 | body: SingleChildScrollView( |
| 44 | - padding: EdgeInsets.only(left: 17.w, right: 17.w, top: 10.h, bottom: 22.h), | |
| 41 | + padding: | |
| 42 | + EdgeInsets.only(left: 17.w, right: 17.w, top: 10.h, bottom: 22.h), | |
| 45 | 43 | child: Column( |
| 46 | 44 | children: [ |
| 47 | 45 | _buildContentRow( |
| ... | ... | @@ -51,11 +49,12 @@ class _UserInformationContentView extends StatelessWidget { |
| 51 | 49 | backgroundColor: const Color(0xFF140C10), |
| 52 | 50 | child: CircleAvatar( |
| 53 | 51 | radius: 21.r, |
| 54 | - backgroundImage: ImageUtil.getImageProviderOnDefault(user.avatarUrl), | |
| 52 | + backgroundImage: | |
| 53 | + ImageUtil.getImageProviderOnDefault(user.avatarUrl), | |
| 55 | 54 | ), |
| 56 | 55 | ), |
| 57 | - onTap: () => pushNamed(AppRouteName.userAvatar,arguments: {'pageType':'1'}) | |
| 58 | - ), | |
| 56 | + onTap: () => pushNamed(AppRouteName.userAvatar, | |
| 57 | + arguments: {'pageType': '1'})), | |
| 59 | 58 | 11.verticalSpace, |
| 60 | 59 | _buildContentRow( |
| 61 | 60 | '名字', |
| ... | ... | @@ -67,19 +66,21 @@ class _UserInformationContentView extends StatelessWidget { |
| 67 | 66 | fontSize: 21.sp, |
| 68 | 67 | ), |
| 69 | 68 | ), |
| 70 | - onTap: () => _openModifyPage(context, ModifyUserInformationType.name)), | |
| 69 | + onTap: () => | |
| 70 | + _openModifyPage(context, ModifyUserInformationType.name)), | |
| 71 | 71 | 11.verticalSpace, |
| 72 | 72 | _buildContentRow( |
| 73 | 73 | '年龄', |
| 74 | 74 | Text( |
| 75 | - (user.age??0).toString(), | |
| 75 | + (user.age ?? 0).toString(), | |
| 76 | 76 | style: TextStyle( |
| 77 | 77 | fontWeight: FontWeight.w500, |
| 78 | 78 | color: const Color(0xFF333333), |
| 79 | 79 | fontSize: 21.sp, |
| 80 | 80 | ), |
| 81 | 81 | ), |
| 82 | - onTap: () => _openModifyPage(context, ModifyUserInformationType.age)), | |
| 82 | + onTap: () => | |
| 83 | + _openModifyPage(context, ModifyUserInformationType.age)), | |
| 83 | 84 | 11.verticalSpace, |
| 84 | 85 | _buildContentRow( |
| 85 | 86 | '性别', |
| ... | ... | @@ -91,7 +92,8 @@ class _UserInformationContentView extends StatelessWidget { |
| 91 | 92 | fontSize: 21.sp, |
| 92 | 93 | ), |
| 93 | 94 | ), |
| 94 | - onTap: () => _openModifyPage(context, ModifyUserInformationType.gender)), | |
| 95 | + onTap: () => | |
| 96 | + _openModifyPage(context, ModifyUserInformationType.gender)), | |
| 95 | 97 | 11.verticalSpace, |
| 96 | 98 | _buildContentRow( |
| 97 | 99 | '账号', |
| ... | ... | @@ -111,14 +113,18 @@ class _UserInformationContentView extends StatelessWidget { |
| 111 | 113 | ); |
| 112 | 114 | } |
| 113 | 115 | |
| 114 | - Widget _buildContentRow(String filedName, Widget contentWidget, {bool isHideEndIcon = false, Function()? onTap}) { | |
| 116 | + Widget _buildContentRow(String filedName, Widget contentWidget, | |
| 117 | + {bool isHideEndIcon = false, Function()? onTap}) { | |
| 115 | 118 | return GestureDetector( |
| 116 | 119 | onTap: onTap, |
| 117 | 120 | child: Container( |
| 118 | - padding: EdgeInsets.only(left: 16.w, right: 16.w, top: 18.h, bottom: 18.h), | |
| 121 | + padding: | |
| 122 | + EdgeInsets.only(left: 16.w, right: 16.w, top: 18.h, bottom: 18.h), | |
| 119 | 123 | decoration: BoxDecoration( |
| 120 | 124 | image: DecorationImage( |
| 121 | - image: ImageUtil.getImageProviderOnDefault(AssetsConst.bgUserInformationText), fit: BoxFit.fill)), | |
| 125 | + image: ImageUtil.getImageProviderOnDefault( | |
| 126 | + AssetsConst.bgUserInformationText), | |
| 127 | + fit: BoxFit.fill)), | |
| 122 | 128 | child: Row(children: [ |
| 123 | 129 | Text( |
| 124 | 130 | filedName, |
| ... | ... | @@ -131,9 +137,9 @@ class _UserInformationContentView extends StatelessWidget { |
| 131 | 137 | 32.horizontalSpace, |
| 132 | 138 | Expanded( |
| 133 | 139 | child: Container( |
| 134 | - alignment: Alignment.centerLeft, | |
| 135 | - child: contentWidget, | |
| 136 | - )), | |
| 140 | + alignment: Alignment.centerLeft, | |
| 141 | + child: contentWidget, | |
| 142 | + )), | |
| 137 | 143 | Offstage( |
| 138 | 144 | offstage: isHideEndIcon, |
| 139 | 145 | child: Image.asset(AssetsConst.icNext, width: 20.w, height: 25.h), | ... | ... |
lib/pages/user/modify/modify_user_information_page.dart
| ... | ... | @@ -47,7 +47,7 @@ class ModifyUserInformationPage extends StatelessWidget { |
| 47 | 47 | create: (context) => UserInfoBloc()..add(InitControllerTextEvent(text)), |
| 48 | 48 | child: MultiBlocListener( |
| 49 | 49 | listeners: [ |
| 50 | - BlocListener<UserBloc,UserState>(listener: (context, state){ | |
| 50 | + BlocListener<UserBloc, UserState>(listener: (context, state) { | |
| 51 | 51 | if (state is UserInfoUpdated) { |
| 52 | 52 | showToast('修改成功'); |
| 53 | 53 | popPage(); |
| ... | ... | @@ -64,9 +64,11 @@ class ModifyUserInformationPage extends StatelessWidget { |
| 64 | 64 | onBack: () { |
| 65 | 65 | final bloc = BlocProvider.of<UserInfoBloc>(context); |
| 66 | 66 | if (bloc.isChangeInfo) { |
| 67 | - showTwoActionDialog('提示', '确定离开', '继续修改', '您的信息尚未保存',leftTap: (){ | |
| 67 | + showTwoActionDialog('提示', '确定离开', '继续修改', '您的信息尚未保存', | |
| 68 | + leftTap: () { | |
| 68 | 69 | popPage(); |
| 69 | - },rightTap: (){ | |
| 70 | + popPage(); | |
| 71 | + }, rightTap: () { | |
| 70 | 72 | popPage(); |
| 71 | 73 | }); |
| 72 | 74 | } else { |
| ... | ... | @@ -76,75 +78,83 @@ class ModifyUserInformationPage extends StatelessWidget { |
| 76 | 78 | ), |
| 77 | 79 | body: SingleChildScrollView( |
| 78 | 80 | child: Column( |
| 79 | - children: [ | |
| 80 | - Padding( | |
| 81 | - padding: EdgeInsets.only(left: 65.w, right: 55.w, top: 38.h), | |
| 82 | - child: Row( | |
| 83 | - children: [ | |
| 84 | - Text( | |
| 85 | - type.title, | |
| 86 | - style: TextStyle( | |
| 87 | - fontWeight: FontWeight.w700, | |
| 88 | - color: const Color(0xFF333333), | |
| 89 | - fontSize: 21.sp, | |
| 90 | - ), | |
| 91 | - ), | |
| 92 | - 20.horizontalSpace, | |
| 93 | - // 输入框 or 选择框 | |
| 94 | - _buildTextFieldWidget(context), | |
| 95 | - // 占位 | |
| 96 | - Expanded( | |
| 97 | - child: Container(), | |
| 98 | - ), | |
| 99 | - // 按钮 | |
| 100 | - GestureDetector( | |
| 101 | - onTap: () { | |
| 102 | - var text = ''; | |
| 103 | - if (type == ModifyUserInformationType.name || type == ModifyUserInformationType.age){ | |
| 104 | - if(bloc.modifyTextController.text.isEmpty) { | |
| 105 | - showToast('内容不能为空'); | |
| 106 | - return; | |
| 107 | - } | |
| 108 | - text = bloc.modifyTextController.text; | |
| 109 | - } | |
| 110 | - | |
| 111 | - if (type == ModifyUserInformationType.gender) { | |
| 112 | - text = bloc.gender.toString(); | |
| 113 | - } | |
| 114 | - // 更新type类型的字段 | |
| 115 | - context.read<UserBloc>().add(UserUpdate(type,text)); | |
| 116 | - }, | |
| 117 | - child: Container( | |
| 118 | - alignment: Alignment.center, | |
| 119 | - width: 90.w, | |
| 120 | - height: 44.h, | |
| 121 | - decoration: const BoxDecoration( | |
| 122 | - image: DecorationImage(image: AssetImage(AssetsConst.bgButtonBlue), fit: BoxFit.fill), | |
| 123 | - ), | |
| 124 | - child: Text( | |
| 125 | - '确定', | |
| 126 | - style: TextStyle(fontSize: 17.sp, color: Colors.white), | |
| 127 | - ), | |
| 128 | - ), | |
| 129 | - ) | |
| 130 | - ], | |
| 131 | - )), | |
| 132 | - Stack( | |
| 133 | - alignment: Alignment.topRight, | |
| 81 | + children: [ | |
| 82 | + Padding( | |
| 83 | + padding: | |
| 84 | + EdgeInsets.only(left: 65.w, right: 55.w, top: 38.h), | |
| 85 | + child: Row( | |
| 134 | 86 | children: [ |
| 135 | - Image.asset( | |
| 136 | - AssetsConst.bgEditUserInformation, | |
| 137 | - width: double.infinity, | |
| 87 | + Text( | |
| 88 | + type.title, | |
| 89 | + style: TextStyle( | |
| 90 | + fontWeight: FontWeight.w700, | |
| 91 | + color: const Color(0xFF333333), | |
| 92 | + fontSize: 21.sp, | |
| 93 | + ), | |
| 138 | 94 | ), |
| 139 | - Positioned( | |
| 140 | - right: 125.w, | |
| 141 | - top: 10.h, | |
| 142 | - child: Image.asset(AssetsConst.bgIcSteveWrite, width: 161.w, height: 249.w), | |
| 95 | + 20.horizontalSpace, | |
| 96 | + // 输入框 or 选择框 | |
| 97 | + _buildTextFieldWidget(context), | |
| 98 | + // 占位 | |
| 99 | + Expanded( | |
| 100 | + child: Container(), | |
| 143 | 101 | ), |
| 102 | + // 按钮 | |
| 103 | + GestureDetector( | |
| 104 | + onTap: () { | |
| 105 | + var text = ''; | |
| 106 | + if (type == ModifyUserInformationType.name || | |
| 107 | + type == ModifyUserInformationType.age) { | |
| 108 | + if (bloc.modifyTextController.text.isEmpty) { | |
| 109 | + showToast('内容不能为空'); | |
| 110 | + return; | |
| 111 | + } | |
| 112 | + text = bloc.modifyTextController.text; | |
| 113 | + } | |
| 114 | + | |
| 115 | + if (type == ModifyUserInformationType.gender) { | |
| 116 | + text = bloc.gender.toString(); | |
| 117 | + } | |
| 118 | + // 更新type类型的字段 | |
| 119 | + context | |
| 120 | + .read<UserBloc>() | |
| 121 | + .add(UserUpdate(type, text)); | |
| 122 | + }, | |
| 123 | + child: Container( | |
| 124 | + alignment: Alignment.center, | |
| 125 | + width: 90.w, | |
| 126 | + height: 44.h, | |
| 127 | + decoration: const BoxDecoration( | |
| 128 | + image: DecorationImage( | |
| 129 | + image: AssetImage(AssetsConst.bgButtonBlue), | |
| 130 | + fit: BoxFit.fill), | |
| 131 | + ), | |
| 132 | + child: Text( | |
| 133 | + '确定', | |
| 134 | + style: TextStyle( | |
| 135 | + fontSize: 17.sp, color: Colors.white), | |
| 136 | + ), | |
| 137 | + ), | |
| 138 | + ) | |
| 144 | 139 | ], |
| 140 | + )), | |
| 141 | + Stack( | |
| 142 | + alignment: Alignment.topRight, | |
| 143 | + children: [ | |
| 144 | + Image.asset( | |
| 145 | + AssetsConst.bgEditUserInformation, | |
| 146 | + width: double.infinity, | |
| 147 | + ), | |
| 148 | + Positioned( | |
| 149 | + right: 125.w, | |
| 150 | + top: 10.h, | |
| 151 | + child: Image.asset(AssetsConst.bgIcSteveWrite, | |
| 152 | + width: 161.w, height: 249.w), | |
| 145 | 153 | ), |
| 146 | 154 | ], |
| 147 | - )), | |
| 155 | + ), | |
| 156 | + ], | |
| 157 | + )), | |
| 148 | 158 | ); |
| 149 | 159 | }, |
| 150 | 160 | ), |
| ... | ... | @@ -155,22 +165,22 @@ class ModifyUserInformationPage extends StatelessWidget { |
| 155 | 165 | Widget _buildTextFieldWidget(BuildContext context) { |
| 156 | 166 | if (type == ModifyUserInformationType.gender) { |
| 157 | 167 | return BlocBuilder<UserInfoBloc, UserInfoState>( |
| 158 | - builder: (context,state){ | |
| 159 | - final bloc = BlocProvider.of<UserInfoBloc>(context); | |
| 160 | - return Row( | |
| 161 | - children: <Widget>[ | |
| 162 | - GestureDetector( | |
| 163 | - onTap: () => bloc.add(ChangeGenderEvent(0)), | |
| 164 | - child: _buildSexWidget('男', bloc.gender == 0), | |
| 165 | - ), | |
| 166 | - 70.horizontalSpace, | |
| 167 | - GestureDetector( | |
| 168 | - onTap: () => bloc.add(ChangeGenderEvent(1)), | |
| 169 | - child: _buildSexWidget('女', bloc.gender == 1), | |
| 170 | - ) | |
| 171 | - ], | |
| 172 | - ); | |
| 173 | - }); | |
| 168 | + builder: (context, state) { | |
| 169 | + final bloc = BlocProvider.of<UserInfoBloc>(context); | |
| 170 | + return Row( | |
| 171 | + children: <Widget>[ | |
| 172 | + GestureDetector( | |
| 173 | + onTap: () => bloc.add(ChangeGenderEvent(0)), | |
| 174 | + child: _buildSexWidget('男', bloc.gender == 0), | |
| 175 | + ), | |
| 176 | + 70.horizontalSpace, | |
| 177 | + GestureDetector( | |
| 178 | + onTap: () => bloc.add(ChangeGenderEvent(1)), | |
| 179 | + child: _buildSexWidget('女', bloc.gender == 1), | |
| 180 | + ) | |
| 181 | + ], | |
| 182 | + ); | |
| 183 | + }); | |
| 174 | 184 | } |
| 175 | 185 | |
| 176 | 186 | var formatters = [ |
| ... | ... | @@ -187,29 +197,28 @@ class ModifyUserInformationPage extends StatelessWidget { |
| 187 | 197 | inputType = TextInputType.number; |
| 188 | 198 | } |
| 189 | 199 | |
| 190 | - return BlocBuilder<UserInfoBloc, UserInfoState>( | |
| 191 | - builder: (context,state){ | |
| 192 | - final bloc = BlocProvider.of<UserInfoBloc>(context); | |
| 193 | - return TextFieldCustomerWidget( | |
| 194 | - height: 65.h, | |
| 195 | - width: 222.w, | |
| 196 | - textStyle: TextStyle( | |
| 197 | - fontWeight: FontWeight.w700, | |
| 198 | - color: const Color(0xFF333333), | |
| 199 | - fontSize: 21.sp, | |
| 200 | - ), | |
| 201 | - bgImageName: 'Input_layer_up', | |
| 202 | - textInputType: inputType, | |
| 203 | - inputFormatters: formatters, | |
| 204 | - controller: bloc.modifyTextController, | |
| 205 | - onChangeValue: (String value) { | |
| 206 | - bloc.add(ChangeTextFieldEvent(value)); | |
| 207 | - }, | |
| 208 | - ); | |
| 209 | - }); | |
| 200 | + return BlocBuilder<UserInfoBloc, UserInfoState>(builder: (context, state) { | |
| 201 | + final bloc = BlocProvider.of<UserInfoBloc>(context); | |
| 202 | + return TextFieldCustomerWidget( | |
| 203 | + height: 65.h, | |
| 204 | + width: 222.w, | |
| 205 | + textStyle: TextStyle( | |
| 206 | + fontWeight: FontWeight.w700, | |
| 207 | + color: const Color(0xFF333333), | |
| 208 | + fontSize: 21.sp, | |
| 209 | + ), | |
| 210 | + bgImageName: 'Input_layer_up', | |
| 211 | + textInputType: inputType, | |
| 212 | + inputFormatters: formatters, | |
| 213 | + controller: bloc.modifyTextController, | |
| 214 | + onChangeValue: (String value) { | |
| 215 | + bloc.add(ChangeTextFieldEvent(value)); | |
| 216 | + }, | |
| 217 | + ); | |
| 218 | + }); | |
| 210 | 219 | } |
| 211 | 220 | |
| 212 | - Widget _buildSexWidget(String title,bool isSelect) { | |
| 221 | + Widget _buildSexWidget(String title, bool isSelect) { | |
| 213 | 222 | return Row( |
| 214 | 223 | children: [ |
| 215 | 224 | Container( |
| ... | ... | @@ -218,13 +227,9 @@ class ModifyUserInformationPage extends StatelessWidget { |
| 218 | 227 | padding: EdgeInsets.all(4.h), |
| 219 | 228 | decoration: BoxDecoration( |
| 220 | 229 | borderRadius: BorderRadius.circular(21.r), |
| 221 | - border: Border.all( | |
| 222 | - color: const Color(0xFF140C10), | |
| 223 | - width: 1.5 | |
| 224 | - ) | |
| 225 | - ), | |
| 230 | + border: Border.all(color: const Color(0xFF140C10), width: 1.5)), | |
| 226 | 231 | child: Offstage( |
| 227 | - offstage:!isSelect, | |
| 232 | + offstage: !isSelect, | |
| 228 | 233 | child: ClipRRect( |
| 229 | 234 | borderRadius: BorderRadius.circular(13.r), |
| 230 | 235 | child: Container( | ... | ... |
lib/pages/user/modify/user_info_bloc/user_info_bloc.dart
| ... | ... | @@ -8,7 +8,7 @@ part 'user_info_state.dart'; |
| 8 | 8 | class UserInfoBloc extends Bloc<UserInfoEvent, UserInfoState> { |
| 9 | 9 | final TextEditingController modifyTextController = TextEditingController(); |
| 10 | 10 | |
| 11 | - int _gender = UserUtil.getUser()!.gender??0; | |
| 11 | + int _gender = UserUtil.getUser()!.gender ?? 0; | |
| 12 | 12 | |
| 13 | 13 | int get gender => _gender; |
| 14 | 14 | |
| ... | ... | @@ -22,18 +22,25 @@ class UserInfoBloc extends Bloc<UserInfoEvent, UserInfoState> { |
| 22 | 22 | on<InitControllerTextEvent>(_initControllerText); |
| 23 | 23 | } |
| 24 | 24 | |
| 25 | - void _initControllerText(InitControllerTextEvent event,Emitter<UserInfoState> emitter) async { | |
| 26 | - modifyTextController.text = event.text; | |
| 25 | + void _initControllerText( | |
| 26 | + InitControllerTextEvent event, Emitter<UserInfoState> emitter) async { | |
| 27 | + if (event.text == 'null') { | |
| 28 | + modifyTextController.text = '0'; | |
| 29 | + } else { | |
| 30 | + modifyTextController.text = event.text; | |
| 31 | + } | |
| 27 | 32 | _primitiveText = event.text; |
| 28 | 33 | } |
| 29 | 34 | |
| 30 | - void _changeGender(ChangeGenderEvent event,Emitter<UserInfoState> emitter) async { | |
| 35 | + void _changeGender( | |
| 36 | + ChangeGenderEvent event, Emitter<UserInfoState> emitter) async { | |
| 31 | 37 | _gender = event.gender; |
| 32 | - isChangeInfo = _gender != (UserUtil.getUser()!.gender??0); | |
| 38 | + isChangeInfo = _gender != (UserUtil.getUser()!.gender ?? 0); | |
| 33 | 39 | emitter(ChangeGenderState()); |
| 34 | 40 | } |
| 35 | 41 | |
| 36 | - void _changeTextField(ChangeTextFieldEvent event,Emitter<UserInfoState> emitter) async { | |
| 42 | + void _changeTextField( | |
| 43 | + ChangeTextFieldEvent event, Emitter<UserInfoState> emitter) async { | |
| 37 | 44 | isChangeInfo = _primitiveText != event.text; |
| 38 | 45 | } |
| 39 | 46 | } | ... | ... |