213 lines
8.7 KiB
Dart
213 lines
8.7 KiB
Dart
import 'package:ef/ef.dart';
|
||
import 'package:flutter/material.dart';
|
||
import 'package:flutter/services.dart';
|
||
import 'package:flutter_svg/flutter_svg.dart';
|
||
import 'package:flutterflow_ui/flutterflow_ui.dart';
|
||
import 'package:vbvs_app/common/color/appConstants.dart';
|
||
import 'package:vbvs_app/common/color/appFontsize.dart';
|
||
import 'package:vbvs_app/common/util/FitTool.dart';
|
||
import 'package:vbvs_app/common/util/MyUtils.dart';
|
||
import 'package:vbvs_app/controller/mh_controller/address_list_controller.dart';
|
||
import 'package:vbvs_app/pages/mh_page/address_module_widget.dart';
|
||
|
||
class AddressListPage extends GetView<AddressListController> {
|
||
final scaffoldKey = GlobalKey<ScaffoldState>();
|
||
BoxConstraints? bodysize;
|
||
|
||
AddressListPage() {
|
||
controller.getAddressList();
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return LayoutBuilder(builder: (context, cc) {
|
||
bodysize = cc;
|
||
return GestureDetector(
|
||
// onTap: () => FocusScope.of(context).unfocus(),,
|
||
child: Container(
|
||
decoration: const BoxDecoration(
|
||
image: DecorationImage(
|
||
image: AssetImage('assets/images/new_background.png'), // 本地图片
|
||
fit: BoxFit.fill, // 填满整个 Container
|
||
),
|
||
),
|
||
child: Scaffold(
|
||
backgroundColor: Colors.transparent,
|
||
appBar: AppBar(
|
||
systemOverlayStyle: SystemUiOverlayStyle(
|
||
statusBarColor: Colors.transparent, // 状态栏背景色
|
||
statusBarIconBrightness: Brightness.light, // 图标颜色（Android）
|
||
statusBarBrightness: Brightness.light, // 图标颜色（iOS）
|
||
),
|
||
backgroundColor: Colors.transparent,
|
||
automaticallyImplyLeading: false,
|
||
iconTheme: IconThemeData(color: Colors.white),
|
||
titleSpacing: 0,
|
||
title: SizedBox(
|
||
width: double.infinity,
|
||
height: 180.rpx,
|
||
child: Stack(
|
||
alignment: Alignment.center,
|
||
children: [
|
||
// 中间居中的标题
|
||
Text(
|
||
'地址管理'.tr,
|
||
textAlign: TextAlign.center,
|
||
style: TextStyle(
|
||
color: Colors.white,
|
||
fontSize: 30.rpx,
|
||
),
|
||
),
|
||
// 左侧图标
|
||
Positioned(
|
||
left: 0.rpx,
|
||
child: returnIconButtomNew(),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
centerTitle: false,
|
||
),
|
||
body: Container(
|
||
margin: EdgeInsets.only(top: 30.rpx),
|
||
width: bodysize!.maxWidth,
|
||
height: bodysize!.maxHeight * 1,
|
||
child: Column(
|
||
mainAxisSize: MainAxisSize.max,
|
||
children: [
|
||
// Obx(() {
|
||
// if (controller.model.addressList!.isEmpty) {
|
||
// // 如果地址列表为空，显示 EmptyMessageWidget
|
||
// return Expanded(child: NullDataWidget());
|
||
// } else {
|
||
// // 如果地址列表不为空，显示地址列表
|
||
// return Expanded(
|
||
// child: Container(
|
||
// width: bodysize!.maxWidth,
|
||
// height: bodysize!.maxHeight * 1,
|
||
// decoration: BoxDecoration(),
|
||
// child: Obx(() => ListView(
|
||
// shrinkWrap: true,
|
||
// scrollDirection: Axis.vertical,
|
||
// children: (controller.model.addressList!
|
||
// .asMap()
|
||
// .entries
|
||
// .map((e) => AddressModuleWidget(
|
||
// index: e.key,
|
||
// addressListController:
|
||
// controller,
|
||
// ))
|
||
// .toList() as List<Widget>)
|
||
// .divide(const SizedBox(height: 10))
|
||
// .addToEnd(const SizedBox(
|
||
// height:
|
||
// AppConstants.list_end_height)),
|
||
// )),
|
||
// ),
|
||
// );
|
||
// }
|
||
// }),
|
||
Obx(() {
|
||
final originList = controller.model.addressList ?? [];
|
||
|
||
// 拆出默认地址
|
||
final defaultItem = originList.firstWhere(
|
||
(e) => e["default"] == 1,
|
||
orElse: () => null,
|
||
);
|
||
|
||
// 其他非默认地址
|
||
final others =
|
||
originList.where((e) => e["default"] != 1).toList();
|
||
|
||
// 新的展示顺序列表（默认地址排前面）
|
||
final reorderedList = [
|
||
if (defaultItem != null) defaultItem,
|
||
...others,
|
||
];
|
||
|
||
return Expanded(
|
||
child: ListView(
|
||
shrinkWrap: true,
|
||
padding: EdgeInsets.zero,
|
||
children: reorderedList
|
||
.map((item) {
|
||
final realIndex =
|
||
originList.indexOf(item); // 保留原始 index
|
||
return AddressModuleWidget(
|
||
index: realIndex,
|
||
addressListController: controller,
|
||
);
|
||
})
|
||
.toList()
|
||
.divide(const SizedBox(height: 10))
|
||
.addToEnd(const SizedBox(
|
||
height: AppConstants.list_end_height)),
|
||
),
|
||
);
|
||
}),
|
||
Align(
|
||
alignment: AlignmentDirectional(0, 1),
|
||
child: Padding(
|
||
padding: EdgeInsetsDirectional.fromSTEB(
|
||
15, 15, 15, AppConstants.page_button_bottom_padding),
|
||
child: Container(
|
||
width: bodysize!.maxWidth,
|
||
height: bodysize!.maxHeight * 0.056,
|
||
decoration: BoxDecoration(
|
||
// color: Color(0xFFF6F6F6),
|
||
border: Border.all(width: 0, color: Color(0XFF85F5FF)),
|
||
borderRadius: BorderRadius.circular(12),
|
||
),
|
||
child: TextButton(
|
||
onPressed: () {
|
||
controller.model.address = {'default': 0};
|
||
controller.model.type = 1;
|
||
Get.toNamed("/editAddressPage");
|
||
},
|
||
style: TextButton.styleFrom(
|
||
backgroundColor: Colors.transparent,
|
||
shape: RoundedRectangleBorder(
|
||
borderRadius: BorderRadius.circular(8),
|
||
),
|
||
padding:
|
||
EdgeInsets.symmetric(horizontal: 24), // 按钮内边距
|
||
),
|
||
child: Row(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: [
|
||
// Baseline(
|
||
// baselineType: TextBaseline.alphabetic,
|
||
// baseline: AppFontsize.normal_text_size *
|
||
// 1.6, // 调整基线位置
|
||
SvgPicture.asset(
|
||
'assets/img/icon/plus.svg',
|
||
width: 42.rpx,
|
||
height: 42.rpx,
|
||
),
|
||
|
||
SizedBox(width: 10), // 加号和文字间距
|
||
Text(
|
||
'添加新地址'.tr,
|
||
style: TextStyle(
|
||
fontFamily: 'Readex Pro',
|
||
color: Color(0xFF85F5FF),
|
||
fontSize: AppFontsize.normal_text_size,
|
||
letterSpacing: 0,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
));
|
||
});
|
||
}
|
||
}
|