import 'package:dating_touchme_app/components/page_appbar.dart'; import 'package:dating_touchme_app/router/route_paths.dart'; import 'package:flutter/material.dart'; import 'package:flutter_datetime_picker_plus/flutter_datetime_picker_plus.dart'; import 'package:flutter_screenutil/flutter_screenutil.dart'; import 'package:go_router/go_router.dart'; import 'package:tdesign_flutter/tdesign_flutter.dart'; class CompleteInfo extends StatefulWidget { const CompleteInfo({super.key}); @override State createState() => _CompleteInfoState(); } class _CompleteInfoState extends State { String username = ''; final TextEditingController _usernameController = TextEditingController(); String code = ''; final TextEditingController _codeController = TextEditingController(); List birthday = []; String selected = ''; List data = ['大专以下', '大专', '本科', '硕士及以上']; @override Widget build(BuildContext context) { return DecoratedBox( decoration: BoxDecoration( gradient: LinearGradient( begin: Alignment.topCenter, end: Alignment.bottomCenter, colors: [ Color.fromRGBO(248, 242, 255, 1.0), // rgba(248, 242, 255, 1) Color.fromRGBO(247, 247, 247, 1.0), // rgba(247, 247, 247, 1) ], stops: [0.0, 1.0], ), ), child: Scaffold( appBar: PageAppbar(title: "完善信息", backgroundColor: Colors.transparent,), backgroundColor: Colors.transparent, body: SingleChildScrollView( child: Container( width: 750.w, padding: EdgeInsets.symmetric(horizontal: 50.w), child: Column( children: [ Stack( children: [ Image.asset( "assets/user_avatar.png", width: 170.w, height: 170.w, ), Positioned( right: 10.w, bottom: 0, child: Container( width: 36.w, height: 36.w, decoration: BoxDecoration( borderRadius: BorderRadius.all(Radius.circular(36.w)), border: Border.all(width: 1, color: Colors.white), color: const Color.fromRGBO(51, 51, 51, 1) ), child: Center( child: Image.asset( "assets/edit_white.png", width: 19.w, height: 19.w, ), ), ), ) ], ), SizedBox(height: 58.w,), Row( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( "性别（注册后不可修改）", style: TextStyle( fontSize: 25.w, color: const Color.fromRGBO(144, 144, 144, 1), fontWeight: FontWeight.w500 ), ) ], ), SizedBox(height: 33.w,), Row( crossAxisAlignment: CrossAxisAlignment.start, children: [ Container( width: 150.w, height: 65.w, decoration: BoxDecoration( borderRadius: BorderRadius.all(Radius.circular(65.w)), color: const Color.fromRGBO(51, 51, 51, 1) ), child: Center( child: Icon( Icons.male, size: 35.w, color: Colors.white, ), ), ), SizedBox(width: 30.w,), Container( width: 150.w, height: 65.w, decoration: BoxDecoration( borderRadius: BorderRadius.all(Radius.circular(65.w)), color: const Color.fromRGBO(51, 51, 51, 1) ), child: Center( child: Icon( Icons.female, size: 35.w, color: Colors.white, ), ), ), ], ), SizedBox(height: 40.w,), Row( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( "昵称", style: TextStyle( fontSize: 25.w, color: const Color.fromRGBO(144, 144, 144, 1), fontWeight: FontWeight.w500 ), ) ], ), SizedBox(height: 10.w,), InputItem(child: TextField( controller: _usernameController, keyboardType: TextInputType.number, style: TextStyle( fontSize: ScreenUtil().setWidth(28), height: 1 ), decoration: InputDecoration( contentPadding: EdgeInsets.symmetric( vertical: 0, horizontal: 34.w ), hintText: "请输入昵称", suffixIcon: TextButton( onPressed: (){ }, child: Row( mainAxisSize: MainAxisSize.min, children: [ Image.asset( "assets/random.png", width: 36.w, height: 30.w, ), SizedBox(width: 8.w,), Text( "随机", style: TextStyle( fontSize: ScreenUtil().setWidth(25), color: const Color.fromRGBO(51, 51, 51, 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){ username = value; }, )), Row( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( "年龄", style: TextStyle( fontSize: 25.w, color: const Color.fromRGBO(144, 144, 144, 1), fontWeight: FontWeight.w500 ), ) ], ), SizedBox(height: 10.w,), InputItem(child: InkWell( onTap: (){ DatePicker.showDatePicker(context, showTitleActions: true, onChanged: (date) { print('change $date'); }, onConfirm: (date) { print('confirm $date'); birthday = [date.year.toString(), date.month.toString(), date.day.toString()]; setState(() { }); }, currentTime: birthday.isEmpty ? DateTime.now() : DateTime(int.parse(birthday[0]), int.parse(birthday[1]), int.parse(birthday[2])), locale: LocaleType.zh); }, child: Container( padding: EdgeInsets.symmetric( vertical: 0, horizontal: 34.w ), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( "请选择你的出生日期", style: TextStyle( fontSize: 28.w, color: Colors.grey, fontWeight: FontWeight.w500 ), ), Icon( Icons.keyboard_arrow_right, size: 22.w, color: const Color.fromRGBO(51, 51, 51, 1), ) ], ), ), )), Row( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( "学历", style: TextStyle( fontSize: 25.w, color: const Color.fromRGBO(144, 144, 144, 1), fontWeight: FontWeight.w500 ), ) ], ), SizedBox(height: 10.w,), InputItem(child: InkWell( onTap: (){ TDPicker.showMultiPicker(context, title: '选择地区', onConfirm: (e) { setState(() { selected = '${data[e[0]]}'; }); print(selected); Navigator.of(context).pop(); }, data: [data]); }, child: Container( padding: EdgeInsets.symmetric( vertical: 0, horizontal: 34.w ), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( "请选择你的学历", style: TextStyle( fontSize: 28.w, color: Colors.grey, fontWeight: FontWeight.w500 ), ), Icon( Icons.keyboard_arrow_right, size: 22.w, color: const Color.fromRGBO(51, 51, 51, 1), ) ], ), ), )), Row( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( "邀请码（非必填）", style: TextStyle( fontSize: 25.w, color: const Color.fromRGBO(144, 144, 144, 1), fontWeight: FontWeight.w500 ), ) ], ), SizedBox(height: 10.w,), InputItem(child: TextField( controller: _codeController, keyboardType: TextInputType.number, style: TextStyle( fontSize: ScreenUtil().setWidth(28), height: 1 ), decoration: InputDecoration( contentPadding: EdgeInsets.symmetric( vertical: 0, horizontal: 34.w ), hintText: "请输入邀请码", 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){ code = value; }, )), SizedBox(height: 144.w,), InkWell( onTap: (){ context.pushNamed(RouteNames.home); }, child: Container( width: 654.w, height: 105.w, decoration: BoxDecoration( borderRadius: BorderRadius.all(Radius.circular(105.w)), gradient: LinearGradient( begin: Alignment.centerLeft, end: Alignment.centerRight, colors: [ Color.fromRGBO(131, 89, 255, 1), // 起始颜色 Color.fromRGBO(61, 138, 224, 1), // 结束颜色 ], ), ), child: Center( child: Text( "开始交友", style: TextStyle( fontSize: 36.w, color: Colors.white, fontWeight: FontWeight.w500 ), ), ), ), ) ], ), ), ), ), ); } } class InputItem extends StatelessWidget { final Widget child; const InputItem({super.key, required this.child}); @override Widget build(BuildContext context) { return Container( margin: EdgeInsets.only(bottom: ScreenUtil().setWidth(40)), child: Container( height: ScreenUtil().setWidth(105), decoration: BoxDecoration( borderRadius: BorderRadius.all(Radius.circular(105.w)), color: const Color.fromRGBO(247, 247, 247, 1) ), child: Center( child: child, ), ), ); } }