You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

144 lines
4.8 KiB

import 'package:aku_new_community/base/base_style.dart';
import 'package:aku_new_community/constants/saas_api.dart';
import 'package:aku_new_community/gen/assets.gen.dart';
import 'package:aku_new_community/saas_model/my_house/my_family_member_list_model.dart';
import 'package:aku_new_community/ui/profile/new_house/my_house_page.dart';
import 'package:aku_new_community/utils/bee_map.dart';
import 'package:aku_new_community/utils/enum/identify.dart';
import 'package:aku_new_community/utils/network/net_util.dart';
import 'package:aku_new_community/widget/bee_divider.dart';
import 'package:flutter/material.dart';
import 'package:flutter_easyrefresh/easy_refresh.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:velocity_x/velocity_x.dart';
class MemberView extends StatefulWidget {
const MemberView({Key? key}) : super(key: key);
@override
_MemberViewState createState() => _MemberViewState();
}
class _MemberViewState extends State<MemberView> {
List<MyFamilyMemberListModel> _memberModels = [];
@override
Widget build(BuildContext context) {
return EasyRefresh(
firstRefresh: true,
header: MaterialHeader(),
footer: MaterialFooter(),
onRefresh: () async {
var base = await NetUtil().get(SAASAPI.profile.family.myFamilyMember);
if (base.success) {
_memberModels = (base.data as List)
.map((e) => MyFamilyMemberListModel.fromJson(e))
.toList();
setState(() {});
}
},
child: _memberModels.isEmpty
? HouseEmptyWidget()
: ListView.separated(
padding: EdgeInsets.symmetric(horizontal: 32.w, vertical: 24.w),
itemBuilder: (context, index) {
return _card(_memberModels[index]);
},
separatorBuilder: (_, __) {
return 24.w.heightBox;
},
// itemCount: _memberModels.length,
itemCount: _memberModels.length,
),
);
}
Widget _card(MyFamilyMemberListModel model) {
return Container(
width: double.infinity,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(8.w),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Padding(
padding: EdgeInsets.symmetric(horizontal: 32.w, vertical: 24.w),
child: '${model.buildingName}${model.unitName}${model.estateName}'
.text
.size(32.sp)
.color(Colors.black.withOpacity(0.85))
.bold
.make(),
),
BeeDivider.horizontal(),
Padding(
padding: EdgeInsets.symmetric(horizontal: 32.w, vertical: 32.w),
child: GridView.count(
crossAxisCount: 4,
children: [
...model.members
.map((e) => _avatar(Identify.values[e.identity], e.name))
.toList()
],
shrinkWrap: true,
physics: NeverScrollableScrollPhysics(),
),
)
],
),
);
}
Widget _avatar(
Identify identify,
String name,
) {
return Column(
children: [
Stack(
clipBehavior: Clip.none,
fit: StackFit.passthrough,
children: [
Container(
width: 80.w,
height: 80.w,
clipBehavior: Clip.antiAlias,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(40.w),
border: Border.all(color: kPrimaryColor, width: 4.w)),
child: Assets.newIcon.avatarPlaceholder
.image(width: 80.w, height: 80.w),
),
Positioned(
bottom: -20.w,
left: -10.w,
child: Material(
color: Colors.white,
borderRadius: BorderRadius.circular(58.w),
clipBehavior: Clip.antiAlias,
child: Container(
width: 108.w,
height: 40.w,
alignment: Alignment.center,
padding: EdgeInsets.symmetric(horizontal: 5.w),
decoration: BoxDecoration(
color: Color(0xFFF1C87F).withOpacity(0.4),
),
child: Text(
'${BeeMap.getIdentify(identify)}',
style: TextStyle(
fontSize: 22.sp,
color: Colors.black.withOpacity(0.85)),
)),
))
],
),
26.w.heightBox,
name.text.size(28.sp).color(Colors.black.withOpacity(0.45)).make(),
],
);
}
}