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.
946 lines
44 KiB
946 lines
44 KiB
import 'package:dating_touchme_app/components/page_appbar.dart';
|
|
import 'package:dating_touchme_app/controller/mine/edit_info_controller.dart';
|
|
import 'package:dating_touchme_app/generated/assets.dart';
|
|
import 'package:dating_touchme_app/pages/mine/signature_page.dart';
|
|
import 'package:dating_touchme_app/pages/mine/tag_setting_page.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
|
import 'package:get/get.dart';
|
|
import 'package:tdesign_flutter/tdesign_flutter.dart';
|
|
|
|
class EditInfoPage extends StatefulWidget {
|
|
const EditInfoPage({super.key});
|
|
|
|
@override
|
|
State<EditInfoPage> createState() => _EditInfoPageState();
|
|
}
|
|
|
|
class _EditInfoPageState extends State<EditInfoPage> {
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
|
|
// 确保 HomeController 已注册
|
|
if (!Get.isRegistered<EditInfoController>()) {
|
|
Get.put(EditInfoController());
|
|
}
|
|
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return GetBuilder<EditInfoController>(
|
|
builder: (controller) {
|
|
return Scaffold(
|
|
appBar: PageAppbar(title: "编辑资料"),
|
|
body: SingleChildScrollView(
|
|
child: Column(
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
child: InkWell(
|
|
onTap: (){
|
|
controller.menuActive.value = 1;
|
|
setState(() {
|
|
|
|
});
|
|
},
|
|
child: Container(
|
|
height: 49.w,
|
|
decoration: BoxDecoration(
|
|
border: Border(
|
|
bottom: BorderSide(
|
|
width: 1,
|
|
color: controller.menuActive.value == 1 ? const Color.fromRGBO(117, 98, 249, 1) : const Color.fromRGBO(242, 242, 242, 1))
|
|
)
|
|
),
|
|
child: Center(
|
|
child: Text(
|
|
"编辑",
|
|
style: TextStyle(
|
|
fontSize: 13.w,
|
|
color: controller.menuActive.value == 1 ? const Color.fromRGBO(117, 98, 249, 1) : const Color.fromRGBO(144, 144, 144, 1)
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Expanded(
|
|
child: InkWell(
|
|
onTap: (){
|
|
controller.menuActive.value = 2;
|
|
setState(() {
|
|
|
|
});
|
|
},
|
|
child: Container(
|
|
height: 49.w,
|
|
decoration: BoxDecoration(
|
|
border: Border(
|
|
bottom: BorderSide(
|
|
width: 1,
|
|
color: controller.menuActive.value == 2 ? const Color.fromRGBO(117, 98, 249, 1) : const Color.fromRGBO(242, 242, 242, 1))
|
|
)
|
|
),
|
|
child: Center(
|
|
child: Text(
|
|
"预览",
|
|
style: TextStyle(
|
|
fontSize: 13.w,
|
|
color: controller.menuActive.value == 2 ? const Color.fromRGBO(117, 98, 249, 1) : const Color.fromRGBO(144, 144, 144, 1)
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
if(controller.menuActive.value == 1) ...[
|
|
SizedBox(height: 26.w,),
|
|
Stack(
|
|
children: [
|
|
SizedBox(
|
|
child: ClipRRect(
|
|
borderRadius: BorderRadius.all(Radius.circular(85.w)),
|
|
child: (controller.userData.value?.profilePhoto?.isNotEmpty ?? false) ? Image.network(
|
|
"${controller.userData.value?.profilePhoto ?? ""}",
|
|
width: 85.w,
|
|
height: 85.w,
|
|
) : Image.asset(
|
|
Assets.imagesUserAvatar,
|
|
width: 85.w,
|
|
height: 85.w,
|
|
),
|
|
),
|
|
),
|
|
Positioned(
|
|
right: 8.w,
|
|
bottom: 1.w,
|
|
child: Image.asset(
|
|
Assets.imagesEditAvatar,
|
|
width: 17.w,
|
|
height: 17.w,
|
|
),
|
|
)
|
|
],
|
|
),
|
|
SizedBox(height: 20.w,),
|
|
Container(
|
|
width: 375.w,
|
|
padding: EdgeInsets.only(
|
|
left: 14.w,
|
|
right: 20.w
|
|
),
|
|
child: Column(
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Text(
|
|
"个人相册",
|
|
style: TextStyle(
|
|
fontSize: 13.w,
|
|
color: const Color.fromRGBO(144, 144, 144, 1)
|
|
),
|
|
)
|
|
],
|
|
),
|
|
SizedBox(height: 5.w,),
|
|
Container(
|
|
width: 340.w,
|
|
margin: EdgeInsets.only(bottom: 35.w),
|
|
child: Wrap(
|
|
spacing: 5.w,
|
|
runSpacing: 5.w,
|
|
children: [
|
|
ClipRRect(
|
|
borderRadius: BorderRadius.all(Radius.circular(9.w)),
|
|
child: Image.network(
|
|
"https://fastly.picsum.photos/id/1003/400/400.jpg?hmac=aA6suLuxF9UGDuOSzWauxOJBgBT0XeUFVqMIIjO4hJU",
|
|
width: 70.w,
|
|
height: 70.w,
|
|
),
|
|
),
|
|
ClipRRect(
|
|
borderRadius: BorderRadius.all(Radius.circular(18.w)),
|
|
child: Image.network(
|
|
"https://fastly.picsum.photos/id/342/400/400.jpg?hmac=u_p3Kwp2J2A0XENzZfDKmtTzLjqsxLF48EUgImcL6v8",
|
|
width: 70.w,
|
|
height: 70.w,
|
|
),
|
|
),
|
|
ClipRRect(
|
|
borderRadius: BorderRadius.all(Radius.circular(18.w)),
|
|
child: Image.network(
|
|
"https://fastly.picsum.photos/id/935/400/400.jpg?hmac=d-_aU-UWnAMEk7lMRmhv-yD1sBBeSmiQ9fbTmcQqDT4",
|
|
width: 70.w,
|
|
height: 70.w,
|
|
),
|
|
),
|
|
Container(
|
|
width: 70.w,
|
|
height: 70.w,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.all(Radius.circular(9.w)),
|
|
border: Border.all(width: 1, color: const Color.fromRGBO(224, 224, 224, 1))
|
|
),
|
|
child: Center(
|
|
child: Icon(
|
|
Icons.add,
|
|
size: 15.w,
|
|
color: const Color.fromRGBO(144, 144, 144, 1),
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
Row(
|
|
children: [
|
|
Text(
|
|
"基本信息",
|
|
style: TextStyle(
|
|
fontSize: 13.w,
|
|
color: const Color.fromRGBO(144, 144, 144, 1)
|
|
),
|
|
)
|
|
],
|
|
),
|
|
SizedBox(height: 2.w,),
|
|
SetItem(label: "昵称", child: Text(
|
|
controller.userData.value?.nickName ?? "",
|
|
style: TextStyle(
|
|
fontSize: 13.w,
|
|
fontWeight: FontWeight.w500
|
|
),
|
|
),),
|
|
Container(
|
|
margin: EdgeInsets.only(bottom: 3.w),
|
|
decoration: BoxDecoration(
|
|
border: Border(
|
|
bottom: BorderSide(width: 1, color: const Color.fromRGBO(245, 245, 245, 1))
|
|
)
|
|
),
|
|
child: Column(
|
|
children: [
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
RichText(
|
|
text: TextSpan(
|
|
children: [
|
|
TextSpan(
|
|
text: "性别",
|
|
style: TextStyle(
|
|
fontSize: 13.w,
|
|
color: const Color.fromRGBO(51, 51, 51, 1),
|
|
fontWeight: FontWeight.w500
|
|
)
|
|
),
|
|
]
|
|
),
|
|
),
|
|
Row(
|
|
children: [
|
|
Text(
|
|
"${controller.userData.value?.genderCode == 0 ? "男" : "女"}",
|
|
style: TextStyle(
|
|
fontSize: 13.w,
|
|
fontWeight: FontWeight.w500,
|
|
color: const Color.fromRGBO(51, 51, 51, 1)
|
|
),
|
|
),
|
|
SizedBox(width: 15.w,),
|
|
Image.asset(
|
|
controller.userData.value?.genderCode == 0 ?
|
|
Assets.imagesMale : Assets.imagesFemale,
|
|
width: 13.w,
|
|
height: 13.w,
|
|
color: const Color.fromRGBO(218, 218, 218, 1)
|
|
)
|
|
],
|
|
)
|
|
|
|
],
|
|
),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
RichText(
|
|
text: TextSpan(
|
|
children: [
|
|
TextSpan(
|
|
text: "生日",
|
|
style: TextStyle(
|
|
fontSize: 13.w,
|
|
color: const Color.fromRGBO(51, 51, 51, 1),
|
|
fontWeight: FontWeight.w500
|
|
)
|
|
),
|
|
TextSpan(
|
|
text: "*",
|
|
style: TextStyle(
|
|
fontSize: 13.w,
|
|
color: const Color.fromRGBO(224, 54, 54, 1),
|
|
fontWeight: FontWeight.w500
|
|
)
|
|
),
|
|
]
|
|
),
|
|
),
|
|
Row(
|
|
children: [
|
|
Text(
|
|
"${controller.userData.value?.birthDate ?? ""}",
|
|
style: TextStyle(
|
|
fontSize: 13.w,
|
|
fontWeight: FontWeight.w500,
|
|
color: const Color.fromRGBO(51, 51, 51, 1)
|
|
),
|
|
),
|
|
SizedBox(width: 15.w,),
|
|
Icon(
|
|
Icons.keyboard_arrow_right,
|
|
size: 13.w,
|
|
color: const Color.fromRGBO(191, 191, 191, 1)
|
|
)
|
|
],
|
|
)
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
SetItem(label: "身高", child: Expanded(
|
|
child: TextField(
|
|
controller: controller.heightController,
|
|
keyboardType: TextInputType.number,
|
|
textAlign: TextAlign.end,
|
|
style: TextStyle(
|
|
fontSize: ScreenUtil().setWidth(13),
|
|
height: 1
|
|
),
|
|
decoration: InputDecoration(
|
|
contentPadding: EdgeInsets.symmetric(
|
|
vertical: 0,
|
|
horizontal: 0.w
|
|
),
|
|
hintText: "请输入身高",
|
|
|
|
hintStyle: TextStyle(
|
|
color: const Color.fromRGBO(191, 191, 191, 1)
|
|
|
|
),
|
|
|
|
border: const OutlineInputBorder(
|
|
borderSide: BorderSide.none, // 这将移除边框 // 可选：设置圆角
|
|
),
|
|
// 如果你希望聚焦时和未聚焦时都没有边框，也可以设置 focusedBorder 和 enabledBorder
|
|
focusedBorder: const OutlineInputBorder(
|
|
borderSide: BorderSide.none,
|
|
borderRadius: BorderRadius.all(Radius.circular(8.0)),
|
|
),
|
|
enabledBorder: const OutlineInputBorder(
|
|
borderSide: BorderSide.none,
|
|
borderRadius: BorderRadius.all(Radius.circular(8.0)),
|
|
),
|
|
),
|
|
onChanged: (value){
|
|
controller.height = value;
|
|
setState(() {
|
|
|
|
});
|
|
},
|
|
),
|
|
),),
|
|
SetItem(label: "所在地", child: SizedBox(),),
|
|
SetItem(label: "家乡", child: SizedBox(),),
|
|
SetItem(label: "学历", child: InkWell(
|
|
onTap: () {
|
|
TDPicker.showMultiPicker(context, title: '',
|
|
onConfirm: (selected) {
|
|
print(selected);
|
|
print(controller.educationList[selected[0]]);
|
|
setState(() {
|
|
|
|
});
|
|
Navigator.of(context).pop();
|
|
}, data: [controller.educationList.map((e) => e.desc ?? "").toList()]);
|
|
},
|
|
child: Text(
|
|
"请选择",
|
|
style: TextStyle(
|
|
fontSize: 13.w,
|
|
color: const Color.fromRGBO(191, 191, 191, 1)
|
|
),
|
|
),
|
|
),),
|
|
SetItem(label: "职业", child: InkWell(
|
|
onTap: () {
|
|
TDPicker.showMultiLinkedPicker(context, title: '',
|
|
onConfirm: (selected) {
|
|
print(selected);
|
|
setState(() {
|
|
|
|
});
|
|
Navigator.of(context).pop();
|
|
},
|
|
data: controller.occupationShowData,
|
|
columnNum: 2,
|
|
initialData:[]);
|
|
},
|
|
child: Text(
|
|
"请选择",
|
|
style: TextStyle(
|
|
fontSize: 13.w,
|
|
color: const Color.fromRGBO(191, 191, 191, 1)
|
|
),
|
|
),
|
|
),),
|
|
// SetItem(label: "公司", showRequired: false,),
|
|
SetItem(label: "月收入", child: InkWell(
|
|
onTap: () {
|
|
TDPicker.showMultiPicker(context, title: '',
|
|
onConfirm: (selected) {
|
|
print(selected);
|
|
print(controller.incomeList[selected[0]]);
|
|
setState(() {
|
|
|
|
});
|
|
Navigator.of(context).pop();
|
|
}, data: [controller.incomeList.map((e) => e.desc ?? "").toList()]);
|
|
},
|
|
child: Text(
|
|
"请选择",
|
|
style: TextStyle(
|
|
fontSize: 13.w,
|
|
color: const Color.fromRGBO(191, 191, 191, 1)
|
|
),
|
|
),
|
|
),),
|
|
SetItem(label: "婚姻状况", child: InkWell(
|
|
onTap: () {
|
|
TDPicker.showMultiPicker(context, title: '',
|
|
onConfirm: (selected) {
|
|
print(selected);
|
|
print(controller.maritalList[selected[0]]);
|
|
setState(() {
|
|
|
|
});
|
|
Navigator.of(context).pop();
|
|
}, data: [controller.maritalList.map((e) => e.desc ?? "").toList()]);
|
|
},
|
|
child: Text(
|
|
"请选择",
|
|
style: TextStyle(
|
|
fontSize: 13.w,
|
|
color: const Color.fromRGBO(191, 191, 191, 1)
|
|
),
|
|
),
|
|
),),
|
|
SetItem(label: "有无房产", child: InkWell(
|
|
onTap: () {
|
|
TDPicker.showMultiPicker(context, title: '',
|
|
onConfirm: (selected) {
|
|
print(selected);
|
|
print(controller.propertyList[selected[0]]);
|
|
setState(() {
|
|
|
|
});
|
|
Navigator.of(context).pop();
|
|
}, data: [controller.propertyList.map((e) => e.desc ?? "").toList()]);
|
|
},
|
|
child: Text(
|
|
"请选择",
|
|
style: TextStyle(
|
|
fontSize: 13.w,
|
|
color: const Color.fromRGBO(191, 191, 191, 1)
|
|
),
|
|
),
|
|
),),
|
|
// SizedBox(height: 8.w,),
|
|
// InkWell(
|
|
// onTap: (){
|
|
// Get.to(() => SignaturePage());
|
|
// },
|
|
// child: Column(
|
|
// children: [
|
|
// Row(
|
|
// mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
// children: [
|
|
// Text(
|
|
// "交友心声",
|
|
// style: TextStyle(
|
|
// fontSize: 13.w,
|
|
// color: const Color.fromRGBO(144, 144, 144, 1)
|
|
// ),
|
|
// ),
|
|
// Icon(
|
|
// Icons.keyboard_arrow_right,
|
|
// size: 13.w,
|
|
// color: const Color.fromRGBO(191, 191, 191, 1)
|
|
// )
|
|
// ],
|
|
// ),
|
|
// Container(
|
|
// margin: EdgeInsets.only(bottom: 3.w),
|
|
// padding: EdgeInsets.only(bottom: 12.w),
|
|
// decoration: BoxDecoration(
|
|
// border: Border(
|
|
// bottom: BorderSide(width: 1, color: const Color.fromRGBO(245, 245, 245, 1))
|
|
// )
|
|
// ),
|
|
// child: Text(
|
|
// "拒绝内耗，向阳而生，用热爱抵御岁月漫长，用真诚对待每一次相遇拒绝内耗，向阳而生，用热爱抵御岁月漫长，用真诚对待每一次相遇",
|
|
// style: TextStyle(
|
|
// fontSize: 13.w,
|
|
// fontWeight: FontWeight.w500,
|
|
// color: const Color.fromRGBO(51, 51, 51, 1)
|
|
// ),
|
|
// ),
|
|
// ),
|
|
// ],
|
|
// ),
|
|
// ),
|
|
// InkWell(
|
|
// onTap: (){
|
|
// Get.to(() => TagSettingPage());
|
|
// },
|
|
// child: SetItem(label: "个性标签", showRequired: false,),
|
|
// ),
|
|
// SizedBox(height: 8.w,),
|
|
// Row(
|
|
// children: [
|
|
// Text(
|
|
// "交友范围",
|
|
// style: TextStyle(
|
|
// fontSize: 13.w,
|
|
// color: const Color.fromRGBO(144, 144, 144, 1)
|
|
// ),
|
|
// )
|
|
// ],
|
|
// ),
|
|
// SizedBox(height: 2.w,),
|
|
// SetItem(label: "所在地", showRequired: false,),
|
|
// SetItem(label: "年龄", showRequired: false,),
|
|
// SetItem(label: "身高", showRequired: false,),
|
|
// SetItem(label: "最低学历", showRequired: false,),
|
|
// SetItem(label: "最低月收入", showRequired: false,),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
if(controller.menuActive.value == 2) ...[
|
|
Stack(
|
|
children: [
|
|
Image.network(
|
|
controller.imgList[controller.nowSelect.value],
|
|
width: 375.w,
|
|
height: 384.w,
|
|
fit: BoxFit.cover,
|
|
),
|
|
SingleChildScrollView(
|
|
child: Container(
|
|
padding: EdgeInsets.only(top: 361.w),
|
|
child: Container(
|
|
height: 812.h - 361.w - 49.w - MediaQuery.of(context).padding.top - 54.w,
|
|
width: 375.w,
|
|
padding: EdgeInsets.only(
|
|
top: 31.w,
|
|
left: 15.w,
|
|
right: 12.w
|
|
),
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.vertical(
|
|
top: Radius.circular(23.w)
|
|
),
|
|
color: Colors.white
|
|
),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Text(
|
|
"晨晨子",
|
|
style: TextStyle(
|
|
fontSize: 19.w,
|
|
color: const Color.fromRGBO(51, 51, 51, 1),
|
|
fontWeight: FontWeight.w600
|
|
),
|
|
),
|
|
SizedBox(width: 13.w,),
|
|
Container(
|
|
width: 33.w,
|
|
height: 13.w,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.all(Radius.circular(13.w)),
|
|
color: const Color.fromRGBO(255, 237, 255, 1)
|
|
),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Image.asset(
|
|
Assets.imagesFemale,
|
|
width: 8.w,
|
|
height: 8.w,
|
|
),
|
|
SizedBox(width: 1.w,),
|
|
Text(
|
|
"19",
|
|
style: TextStyle(
|
|
fontSize: 9.w,
|
|
color: const Color.fromRGBO(255, 66, 236, 1)
|
|
),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
SizedBox(width: 3.w,),
|
|
Container(
|
|
width: 33.w,
|
|
height: 13.w,
|
|
margin: EdgeInsets.only(right: 2.w),
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.all(Radius.circular(13.w)),
|
|
color: const Color.fromRGBO(234, 255, 219, 1)
|
|
),
|
|
child: Center(
|
|
child: Text(
|
|
"在线",
|
|
style: TextStyle(
|
|
fontSize: 9.w,
|
|
color: const Color.fromRGBO(38, 199, 124, 1)
|
|
),
|
|
),
|
|
),
|
|
),
|
|
SizedBox(width: 4.w,),
|
|
Container(
|
|
width: 43.w,
|
|
height: 13.w,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.all(Radius.circular(13.w)),
|
|
color: const Color.fromRGBO(246, 237, 255, 1)
|
|
),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Image.asset(
|
|
Assets.imagesRealName,
|
|
width: 8.w,
|
|
height: 7.w,
|
|
),
|
|
SizedBox(width: 2.w,),
|
|
Text(
|
|
"实名",
|
|
style: TextStyle(
|
|
fontSize: 9.w,
|
|
color: const Color.fromRGBO(160, 92, 255, 1)
|
|
),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
SizedBox(width: 4.w,),
|
|
Container(
|
|
width: 33.w,
|
|
height: 13.w,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.all(Radius.circular(13.w)),
|
|
color: const Color.fromRGBO(237, 245, 255, 1)
|
|
),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Image.asset(
|
|
Assets.imagesMale,
|
|
width: 8.w,
|
|
height: 8.w,
|
|
),
|
|
SizedBox(width: 1.w,),
|
|
Text(
|
|
"19",
|
|
style: TextStyle(
|
|
fontSize: 9.w,
|
|
color: const Color.fromRGBO(120, 140, 255, 1)
|
|
),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
Container(
|
|
width: 63.w,
|
|
height: 27.w,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.all(Radius.circular(27.w)),
|
|
color: const Color.fromRGBO(117, 98, 249, .1)
|
|
),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Image.asset(
|
|
Assets.imagesPlayer,
|
|
width: 15.w,
|
|
height: 15.w,
|
|
),
|
|
SizedBox(width: 4.w,),
|
|
Image.asset(
|
|
Assets.imagesVoice,
|
|
width: 15.w,
|
|
height: 13.w,
|
|
),
|
|
SizedBox(width: 4.w,),
|
|
Text(
|
|
"6'",
|
|
style: TextStyle(
|
|
fontSize: 11.w,
|
|
color: const Color.fromRGBO(117, 98, 249, 1)
|
|
),
|
|
)
|
|
],
|
|
),
|
|
)
|
|
],
|
|
),
|
|
SizedBox(height: 8.w,),
|
|
Text(
|
|
"父母催婚找个结婚的",
|
|
style: TextStyle(
|
|
fontSize: 11.w,
|
|
color: const Color.fromRGBO(144, 144, 144, 1)
|
|
),
|
|
),
|
|
SizedBox(height: 11.w,),
|
|
Wrap(
|
|
spacing: 7.w,
|
|
runSpacing: 7.w,
|
|
children: [
|
|
...controller.tagList.map((e){
|
|
return TagItem(label: e);
|
|
}),
|
|
],
|
|
),
|
|
SizedBox(height: 16.w,),
|
|
Text(
|
|
"IP属地：广东",
|
|
style: TextStyle(
|
|
fontSize: 9.w,
|
|
color: const Color.fromRGBO(144, 144, 144, 1)
|
|
),
|
|
),
|
|
Text(
|
|
"动我ID：16099665",
|
|
style: TextStyle(
|
|
fontSize: 9.w,
|
|
color: const Color.fromRGBO(144, 144, 144, 1)
|
|
),
|
|
),
|
|
Spacer(),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Container(
|
|
width: 246.w,
|
|
height: 38.w,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.all(Radius.circular(38.w)),
|
|
color: const Color.fromRGBO(51, 51, 51, 1)
|
|
),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Image.asset(
|
|
Assets.imagesChatBtn,
|
|
width: 13.w,
|
|
height: 12.w,
|
|
),
|
|
SizedBox(width: 4.w,),
|
|
Text(
|
|
"发消息",
|
|
style: TextStyle(
|
|
fontSize: 15.w,
|
|
color: Colors.white,
|
|
fontWeight: FontWeight.w500
|
|
),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
Container(
|
|
width: 81.w,
|
|
height: 38.w,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.all(Radius.circular(38.w)),
|
|
color: const Color.fromRGBO(117, 98, 249, 1)
|
|
),
|
|
child: Center(
|
|
child: Text(
|
|
"关注",
|
|
style: TextStyle(
|
|
fontSize: 15.w,
|
|
color: Colors.white,
|
|
fontWeight: FontWeight.w500
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
)
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Positioned(
|
|
left: 15.w,
|
|
top: 313.w,
|
|
child: Row(
|
|
children: [
|
|
...controller.imgList.asMap().entries.map((entry){
|
|
return Container(
|
|
margin: EdgeInsets.only(right: 7.w),
|
|
child: InkWell(
|
|
onTap: (){
|
|
controller.nowSelect.value = entry.key;
|
|
},
|
|
child: ClipRRect(
|
|
borderRadius: BorderRadius.all(Radius.circular(7.w)),
|
|
child: Container(
|
|
width: 40.w,
|
|
height: 40.w,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.all(Radius.circular(7.w)),
|
|
border: controller.nowSelect.value == entry.key ? Border.all(width: 1.w, color: Colors.white) : null
|
|
),
|
|
child: Center(
|
|
child: Image.network(
|
|
entry.value,
|
|
width: 38.w,
|
|
height: 38.w,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
)
|
|
]
|
|
],
|
|
),
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}
|
|
}
|
|
|
|
class SetItem extends StatefulWidget {
|
|
final String label;
|
|
final bool showRequired;
|
|
final Widget child;
|
|
const SetItem({super.key, required this.label, this.showRequired = true, required this.child});
|
|
|
|
@override
|
|
State<SetItem> createState() => _SetItemState();
|
|
}
|
|
|
|
class _SetItemState extends State<SetItem> {
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Container(
|
|
margin: EdgeInsets.only(bottom: 3.w),
|
|
decoration: BoxDecoration(
|
|
border: Border(
|
|
bottom: BorderSide(width: 1, color: const Color.fromRGBO(245, 245, 245, 1))
|
|
)
|
|
),
|
|
child: InkWell(
|
|
child: SizedBox(
|
|
height: 41.w,
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
RichText(
|
|
text: TextSpan(
|
|
children: [
|
|
TextSpan(
|
|
text: widget.label,
|
|
style: TextStyle(
|
|
fontSize: 13.w,
|
|
color: const Color.fromRGBO(51, 51, 51, 1),
|
|
fontWeight: FontWeight.w500
|
|
)
|
|
),
|
|
if(widget.showRequired) TextSpan(
|
|
text: "*",
|
|
style: TextStyle(
|
|
fontSize: 13.w,
|
|
color: const Color.fromRGBO(224, 54, 54, 1),
|
|
fontWeight: FontWeight.w500
|
|
)
|
|
),
|
|
]
|
|
),
|
|
),
|
|
Expanded(
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.end,
|
|
children: [
|
|
widget.child,
|
|
SizedBox(width: 15.w,),
|
|
Icon(
|
|
Icons.keyboard_arrow_right,
|
|
size: 13.w,
|
|
color: const Color.fromRGBO(191, 191, 191, 1)
|
|
)
|
|
],
|
|
),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
|
|
class TagItem extends StatelessWidget {
|
|
final String label;
|
|
const TagItem({super.key, required this.label});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Container(
|
|
padding: EdgeInsets.symmetric(
|
|
vertical: 2.w,
|
|
horizontal: 6.w
|
|
),
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.all(Radius.circular(13.w)),
|
|
color: const Color.fromRGBO(245, 247, 255, 1)
|
|
),
|
|
child: Text(
|
|
label,
|
|
style: TextStyle(
|
|
fontSize: 11.w,
|
|
color: const Color.fromRGBO(51, 51, 51, 1)
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|