|
|
|
@ -1,3 +1,4 @@ |
|
|
|
import 'package:dating_touchme_app/components/home_appbar.dart'; |
|
|
|
import 'package:dating_touchme_app/components/page_appbar.dart'; |
|
|
|
import 'package:dating_touchme_app/config/app_config.dart'; |
|
|
|
import 'package:dating_touchme_app/http/api.dart'; |
|
|
|
@ -27,6 +28,20 @@ class _IndexPageState extends State<IndexPage> { |
|
|
|
|
|
|
|
int num = 0; |
|
|
|
|
|
|
|
List<Map> userList = [ |
|
|
|
{"isOnline": true, "isLive": false, "hasPic": false}, |
|
|
|
{"isOnline": true, "isLive": false, "hasPic": true}, |
|
|
|
{"isOnline": false, "isLive": false, "hasPic": false}, |
|
|
|
{"isOnline": true, "isLive": true, "hasPic": false}, |
|
|
|
{"isOnline": true, "isLive": false, "hasPic": true}, |
|
|
|
{"isOnline": true, "isLive": false, "hasPic": false}, |
|
|
|
{"isOnline": true, "isLive": false, "hasPic": false}, |
|
|
|
{"isOnline": true, "isLive": false, "hasPic": false}, |
|
|
|
{"isOnline": true, "isLive": false, "hasPic": false}, |
|
|
|
]; |
|
|
|
|
|
|
|
List<String> topNav = ["推荐", "同城"]; |
|
|
|
|
|
|
|
@override |
|
|
|
void initState() { |
|
|
|
super.initState(); |
|
|
|
@ -46,65 +61,336 @@ class _IndexPageState extends State<IndexPage> { |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
void changeNav(int active) { |
|
|
|
print("当前项: $active"); |
|
|
|
} |
|
|
|
|
|
|
|
@override |
|
|
|
Widget build(BuildContext context) { |
|
|
|
final userInfo = Provider.of<UserInfo>(context); |
|
|
|
return Column( |
|
|
|
children: [ |
|
|
|
|
|
|
|
ElevatedButton( |
|
|
|
onPressed: () async { |
|
|
|
final r = await GlobalModalController.I.enqueue( |
|
|
|
ModalRequest( |
|
|
|
type: 'friend_request', |
|
|
|
payload: { |
|
|
|
'userName': '一夏', |
|
|
|
'avatar': 'https://picsum.photos/100', |
|
|
|
'userId': 'u1001', |
|
|
|
}, |
|
|
|
dedupeKey: 'friendReq:u1001', |
|
|
|
ttl: const Duration(minutes: 2), |
|
|
|
timeout: const Duration(seconds: 20), |
|
|
|
), |
|
|
|
); |
|
|
|
ScaffoldMessenger.of(context).showSnackBar( |
|
|
|
SnackBar(content: Text('好友申请结果: ${r.action}')), |
|
|
|
); |
|
|
|
}, |
|
|
|
child: const Text('模拟好友申请弹窗'), |
|
|
|
return Container( |
|
|
|
padding: EdgeInsets.symmetric(horizontal: 25.w), |
|
|
|
constraints: BoxConstraints(minHeight: ScreenUtil().setHeight(1220)), |
|
|
|
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], |
|
|
|
), |
|
|
|
const SizedBox(height: 12), |
|
|
|
ElevatedButton( |
|
|
|
onPressed: () async { |
|
|
|
final r = await GlobalModalController.I.enqueue( |
|
|
|
ModalRequest( |
|
|
|
type: 'live_invite', |
|
|
|
payload: { |
|
|
|
'roomId': 'room-2025', |
|
|
|
'roomName': '技术分享房', |
|
|
|
'inviter': '主播小栈', |
|
|
|
'countdownSec': 10, |
|
|
|
}, |
|
|
|
dedupeKey: 'liveInvite:room-2025', |
|
|
|
priority: ModalPriority.high, |
|
|
|
ttl: const Duration(seconds: 30), |
|
|
|
timeout: const Duration(seconds: 12), |
|
|
|
), |
|
|
|
child: Column( |
|
|
|
children: [ |
|
|
|
HomeAppbar(topNav: topNav, changeNav: changeNav,), |
|
|
|
...userList.map((e){ |
|
|
|
return UserItem(item: e); |
|
|
|
}), |
|
|
|
], |
|
|
|
), |
|
|
|
); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
class UserItem extends StatefulWidget { |
|
|
|
final Map item; |
|
|
|
const UserItem({super.key, required this.item}); |
|
|
|
|
|
|
|
@override |
|
|
|
State<UserItem> createState() => _UserItemState(); |
|
|
|
} |
|
|
|
|
|
|
|
class _UserItemState extends State<UserItem> { |
|
|
|
@override |
|
|
|
Widget build(BuildContext context) { |
|
|
|
return Container( |
|
|
|
padding: EdgeInsets.symmetric(vertical: 34.w, horizontal: 22.w), |
|
|
|
margin: EdgeInsets.only(bottom: 20.w), |
|
|
|
decoration: BoxDecoration( |
|
|
|
borderRadius: BorderRadius.all(Radius.circular(18.w)), |
|
|
|
color: Colors.white |
|
|
|
), |
|
|
|
child: Row( |
|
|
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
|
|
children: [ |
|
|
|
Stack( |
|
|
|
children: [ |
|
|
|
Container( |
|
|
|
width: 116.w, |
|
|
|
height: 116.w, |
|
|
|
decoration: BoxDecoration( |
|
|
|
borderRadius: BorderRadius.all(Radius.circular(116.w)), |
|
|
|
border: Border.all(width: 1, color: widget.item["isOnline"] && widget.item["isLive"] ? const Color.fromRGBO(192, 86, 233, 1) : Colors.transparent) |
|
|
|
), |
|
|
|
child: Image.asset( |
|
|
|
"assets/user_avatar.png", |
|
|
|
width: 116.w, |
|
|
|
), |
|
|
|
), |
|
|
|
); |
|
|
|
ScaffoldMessenger.of(context).showSnackBar( |
|
|
|
SnackBar(content: Text('连麦邀请结果: ${r.action}')), |
|
|
|
); |
|
|
|
}, |
|
|
|
child: const Text('模拟直播连麦邀请'), |
|
|
|
), |
|
|
|
const SizedBox(height: 12), |
|
|
|
ElevatedButton( |
|
|
|
onPressed: () async { |
|
|
|
context.pushNamed(RouteNames.test, queryParameters: {'a': '10', 'b': '20'}); |
|
|
|
}, |
|
|
|
child: const Text('测试go router跳转'), |
|
|
|
), |
|
|
|
], |
|
|
|
if(widget.item["isOnline"] && !widget.item["isLive"]) Positioned( |
|
|
|
right: 0, |
|
|
|
bottom: 0, |
|
|
|
child: Container( |
|
|
|
width: 22.w, |
|
|
|
height: 22.w, |
|
|
|
decoration: BoxDecoration( |
|
|
|
borderRadius: BorderRadius.all(Radius.circular(22.w)), |
|
|
|
color: const Color.fromRGBO(43, 255, 132, 1) |
|
|
|
), |
|
|
|
), |
|
|
|
), |
|
|
|
if(widget.item["isOnline"] && widget.item["isLive"]) Positioned( |
|
|
|
bottom: 0, |
|
|
|
left: 23.w, |
|
|
|
child: Container( |
|
|
|
width: 70.w, |
|
|
|
height: 28.w, |
|
|
|
decoration: BoxDecoration( |
|
|
|
borderRadius: BorderRadius.all(Radius.circular(28.w)), |
|
|
|
gradient: LinearGradient( |
|
|
|
begin: Alignment.centerLeft, |
|
|
|
end: Alignment.centerRight, |
|
|
|
colors: [ |
|
|
|
Color.fromRGBO(197, 85, 232, 1.0), // rgba(197, 85, 232, 1) |
|
|
|
Color.fromRGBO(142, 99, 250, 1.0), // rgba(142, 99, 250, 1) |
|
|
|
], |
|
|
|
stops: [0.0, 1.0], |
|
|
|
), |
|
|
|
), |
|
|
|
child: Center( |
|
|
|
child: Text( |
|
|
|
"直播中", |
|
|
|
style: TextStyle( |
|
|
|
fontSize: 16.w, |
|
|
|
color: Colors.white |
|
|
|
), |
|
|
|
), |
|
|
|
), |
|
|
|
), |
|
|
|
) |
|
|
|
], |
|
|
|
), |
|
|
|
SizedBox(width: 27.w,), |
|
|
|
Column( |
|
|
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
|
|
|
children: [ |
|
|
|
SizedBox( |
|
|
|
width: 508.w, |
|
|
|
child: Row( |
|
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
|
|
|
children: [ |
|
|
|
Row( |
|
|
|
children: [ |
|
|
|
Text( |
|
|
|
"林园园", |
|
|
|
style: TextStyle( |
|
|
|
fontSize: 30.w, |
|
|
|
color: const Color.fromRGBO(51, 51, 51, 1), |
|
|
|
fontWeight: FontWeight.w500 |
|
|
|
), |
|
|
|
), |
|
|
|
SizedBox(width: 17.w,), |
|
|
|
if(widget.item["isOnline"] && !widget.item["isLive"]) Container( |
|
|
|
width: 66.w, |
|
|
|
height: 26.w, |
|
|
|
margin: EdgeInsets.only(right: 5.w), |
|
|
|
decoration: BoxDecoration( |
|
|
|
borderRadius: BorderRadius.all(Radius.circular(26.w)), |
|
|
|
color: const Color.fromRGBO(234, 255, 219, 1) |
|
|
|
), |
|
|
|
child: Center( |
|
|
|
child: Text( |
|
|
|
"在线", |
|
|
|
style: TextStyle( |
|
|
|
fontSize: 18.w, |
|
|
|
color: const Color.fromRGBO(38, 199, 124, 1) |
|
|
|
), |
|
|
|
), |
|
|
|
), |
|
|
|
), |
|
|
|
Container( |
|
|
|
width: 87.w, |
|
|
|
height: 26.w, |
|
|
|
margin: EdgeInsets.only(right: 11.w), |
|
|
|
decoration: BoxDecoration( |
|
|
|
borderRadius: BorderRadius.all(Radius.circular(26.w)), |
|
|
|
color: const Color.fromRGBO(246, 237, 255, 1) |
|
|
|
), |
|
|
|
child: Row( |
|
|
|
mainAxisAlignment: MainAxisAlignment.center, |
|
|
|
crossAxisAlignment: CrossAxisAlignment.center, |
|
|
|
children: [ |
|
|
|
Image.asset( |
|
|
|
"assets/real_name.png", |
|
|
|
width: 16.w, |
|
|
|
), |
|
|
|
SizedBox(width: 5.w,), |
|
|
|
Text( |
|
|
|
"实名", |
|
|
|
style: TextStyle( |
|
|
|
fontSize: 18.w, |
|
|
|
color: const Color.fromRGBO(160, 92, 255, 1) |
|
|
|
), |
|
|
|
) |
|
|
|
], |
|
|
|
), |
|
|
|
), |
|
|
|
if(widget.item["isOnline"] && widget.item["isLive"]) Container( |
|
|
|
width: 120.w, |
|
|
|
height: 26.w, |
|
|
|
decoration: BoxDecoration( |
|
|
|
borderRadius: BorderRadius.all(Radius.circular(26.w)), |
|
|
|
color: const Color.fromRGBO(234, 255, 219, 1) |
|
|
|
), |
|
|
|
child: Center( |
|
|
|
child: Text( |
|
|
|
"视频相亲中", |
|
|
|
style: TextStyle( |
|
|
|
fontSize: 18.w, |
|
|
|
color: const Color.fromRGBO(38, 199, 124, 1) |
|
|
|
), |
|
|
|
), |
|
|
|
), |
|
|
|
) |
|
|
|
], |
|
|
|
), |
|
|
|
if(widget.item["isOnline"] && !widget.item["isLive"]) Container( |
|
|
|
width: 81.w, |
|
|
|
height: 40.w, |
|
|
|
decoration: BoxDecoration( |
|
|
|
borderRadius: BorderRadius.all(Radius.circular(8.w)), |
|
|
|
gradient: LinearGradient( |
|
|
|
begin: Alignment.centerLeft, // 对应 90deg，从左到右 |
|
|
|
end: Alignment.centerRight, |
|
|
|
colors: [ |
|
|
|
Color.fromRGBO(61, 138, 224, 1.0), // rgba(61, 138, 224, 1) |
|
|
|
Color.fromRGBO(131, 89, 254, 1.0), // rgba(131, 89, 254, 1) |
|
|
|
], |
|
|
|
stops: [0.0, 1.0], |
|
|
|
), |
|
|
|
), |
|
|
|
child: Row( |
|
|
|
crossAxisAlignment: CrossAxisAlignment.center, |
|
|
|
mainAxisAlignment: MainAxisAlignment.center, |
|
|
|
children: [ |
|
|
|
Image.asset( |
|
|
|
"assets/H.png", |
|
|
|
height: 22.w, |
|
|
|
), |
|
|
|
SizedBox(width: 4.w,), |
|
|
|
Image.asset( |
|
|
|
"assets/i.png", |
|
|
|
height: 22.w, |
|
|
|
) |
|
|
|
], |
|
|
|
), |
|
|
|
), |
|
|
|
if(!widget.item["isOnline"]) Container( |
|
|
|
width: 81.w, |
|
|
|
height: 40.w, |
|
|
|
decoration: BoxDecoration( |
|
|
|
borderRadius: BorderRadius.all(Radius.circular(8.w)), |
|
|
|
gradient: LinearGradient( |
|
|
|
begin: Alignment.centerLeft, // 对应 90deg，从左到右 |
|
|
|
end: Alignment.centerRight, |
|
|
|
colors: [ |
|
|
|
Color.fromRGBO(61, 138, 224, 1.0), // rgba(61, 138, 224, 1) |
|
|
|
Color.fromRGBO(131, 89, 254, 1.0), // rgba(131, 89, 254, 1) |
|
|
|
], |
|
|
|
stops: [0.0, 1.0], |
|
|
|
), |
|
|
|
), |
|
|
|
child: Center( |
|
|
|
child: Text( |
|
|
|
"发消息", |
|
|
|
style: TextStyle( |
|
|
|
fontSize: 20.w, |
|
|
|
color: Colors.white |
|
|
|
), |
|
|
|
), |
|
|
|
), |
|
|
|
), |
|
|
|
if(widget.item["isOnline"] && widget.item["isLive"])Container( |
|
|
|
width: 119.w, |
|
|
|
height: 40.w, |
|
|
|
decoration: BoxDecoration( |
|
|
|
borderRadius: BorderRadius.all(Radius.circular(8.w)), |
|
|
|
gradient: LinearGradient( |
|
|
|
begin: Alignment.centerLeft, // 对应 90deg，从左到右 |
|
|
|
end: Alignment.centerRight, |
|
|
|
colors: [ |
|
|
|
Color.fromRGBO(61, 138, 224, 1.0), // rgba(61, 138, 224, 1) |
|
|
|
Color.fromRGBO(131, 89, 254, 1.0), // rgba(131, 89, 254, 1) |
|
|
|
], |
|
|
|
stops: [0.0, 1.0], |
|
|
|
), |
|
|
|
), |
|
|
|
child: Center( |
|
|
|
child: Text( |
|
|
|
"进入直播间", |
|
|
|
style: TextStyle( |
|
|
|
fontSize: 20.w, |
|
|
|
color: Colors.white |
|
|
|
), |
|
|
|
), |
|
|
|
), |
|
|
|
), |
|
|
|
], |
|
|
|
), |
|
|
|
), |
|
|
|
SizedBox(height: 5.w,), |
|
|
|
Text( |
|
|
|
"23岁 · 白云区", |
|
|
|
style: TextStyle( |
|
|
|
color: const Color.fromRGBO(51, 51, 51, 1), |
|
|
|
fontSize: 25.w |
|
|
|
), |
|
|
|
), |
|
|
|
SizedBox(height: 5.w,), |
|
|
|
SizedBox( |
|
|
|
width: 508.w, |
|
|
|
child: Text( |
|
|
|
"我想找一个有缘的异性，快来联系我吧快来我想找一个有缘的异性，快来联系我吧快来..........", |
|
|
|
maxLines: 1, |
|
|
|
overflow: TextOverflow.ellipsis, |
|
|
|
style: TextStyle( |
|
|
|
color: const Color.fromRGBO(51, 51, 51, .6), |
|
|
|
fontSize: 25.w |
|
|
|
), |
|
|
|
), |
|
|
|
), |
|
|
|
SizedBox(height: 5.w,), |
|
|
|
if(widget.item["hasPic"]) SizedBox( |
|
|
|
width: 508.w, |
|
|
|
child: Row( |
|
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
|
|
|
children: [ |
|
|
|
Image.asset( |
|
|
|
"assets/pic1.png", |
|
|
|
width: 165.w, |
|
|
|
height: 165.w, |
|
|
|
), |
|
|
|
Image.asset( |
|
|
|
"assets/pic2.png", |
|
|
|
width: 165.w, |
|
|
|
height: 165.w, |
|
|
|
), |
|
|
|
Image.asset( |
|
|
|
"assets/pic3.png", |
|
|
|
width: 165.w, |
|
|
|
height: 165.w, |
|
|
|
), |
|
|
|
], |
|
|
|
), |
|
|
|
) |
|
|
|
], |
|
|
|
) |
|
|
|
], |
|
|
|
), |
|
|
|
); |
|
|
|
} |
|
|
|
} |
YakumoChen
5 months ago
