添加查看直播间用户功能

master
laiiihz 5 years ago
parent 8a8649309d
commit 0c8662ae5d

@ -517,4 +517,7 @@ class LiveAPI {
///
static const String buyGoodsInform = '/v1/live/live/im/buy_goods';
///
static const String getLiveUsers = '/v1/live/live/user_data';
}

@ -11,6 +11,7 @@ import 'package:recook/manager/http_manager.dart';
import 'package:recook/manager/user_manager.dart';
import 'package:recook/pages/live/live_stream/live_blur_page.dart';
import 'package:recook/pages/live/live_stream/live_pick_goods_page.dart';
import 'package:recook/pages/live/live_stream/live_users_view.dart';
import 'package:recook/pages/live/live_stream/pick_view/pick_cart.dart';
import 'package:recook/pages/live/live_stream/show_goods_list.dart';
import 'package:recook/pages/live/models/live_exit_model.dart';
@ -19,9 +20,11 @@ import 'package:recook/pages/live/models/topic_list_model.dart';
import 'package:recook/pages/live/tencent_im/tencent_im_tool.dart';
import 'package:recook/pages/live/video/pick_topic_page.dart';
import 'package:recook/pages/live/widget/live_user_bar.dart';
import 'package:recook/pages/live/widget/more_people.dart';
import 'package:recook/utils/custom_route.dart';
import 'package:recook/widgets/bottom_sheet/action_sheet.dart';
import 'package:recook/widgets/custom_image_button.dart';
import 'package:tencent_im_plugin/entity/group_member_entity.dart';
import 'package:tencent_im_plugin/entity/message_entity.dart';
import 'package:tencent_im_plugin/entity/session_entity.dart';
import 'package:tencent_im_plugin/message_node/group_system_message_node.dart';
@ -50,6 +53,7 @@ class _LivePageState extends State<LivePage> {
List<MessageEntity> chatObjects = [];
ScrollController _scrollController = ScrollController();
int nowExplain = 0;
List<GroupMemberEntity> _groupMembers = [];
@override
void initState() {
@ -358,6 +362,24 @@ class _LivePageState extends State<LivePage> {
Api.getImgUrl(UserManager.instance.user.info.headImgUrl),
),
Spacer(),
MorePeople(
onTap: () {
showModalBottomSheet(
context: context,
builder: (context) {
return LiveUsersView(
avatars: _groupMembers
.map((e) => e.userProfile.faceUrl)
.toList(),
usersId: _groupMembers.map((e) => e.user).toList(),
);
},
);
},
images:
_groupMembers.map((e) => e.userProfile.faceUrl).toList(),
),
rWBox(10),
CustomImageButton(
onPressed: () {
_livePusher?.stopPush();
@ -509,6 +531,12 @@ class _LivePageState extends State<LivePage> {
break;
case ListenerTypeEnum.GroupTips:
TencentImPlugin.getGroupMembers(groupId: _streamInfoModel.groupId)
.then((models) {
setState(() {
_groupMembers = models;
});
});
if (params is String) {
dynamic parseParams = jsonDecode(params);
if (parseParams['tipsType'] == 'Join') {

@ -10,8 +10,8 @@ import 'package:recook/manager/http_manager.dart';
import 'package:recook/manager/user_manager.dart';
import 'package:recook/pages/live/live_stream/live_blur_page.dart';
import 'package:recook/pages/live/live_stream/live_report_view.dart';
import 'package:recook/pages/live/live_stream/live_users_view.dart';
import 'package:recook/pages/live/live_stream/show_goods_list.dart';
import 'package:recook/pages/live/models/goods_window_model.dart';
import 'package:recook/pages/live/models/live_stream_info_model.dart';
import 'package:recook/pages/live/sub_page/user_home_page.dart';
import 'package:recook/pages/live/tencent_im/tencent_im_tool.dart';
@ -20,6 +20,7 @@ import 'package:recook/pages/live/widget/more_people.dart';
import 'package:recook/utils/custom_route.dart';
import 'package:recook/widgets/bottom_sheet/action_sheet.dart';
import 'package:recook/widgets/custom_image_button.dart';
import 'package:tencent_im_plugin/entity/group_member_entity.dart';
import 'package:tencent_im_plugin/entity/message_entity.dart';
import 'package:tencent_im_plugin/entity/session_entity.dart';
import 'package:tencent_im_plugin/message_node/group_system_message_node.dart';
@ -52,6 +53,8 @@ class _LiveStreamViewPageState extends State<LiveStreamViewPage> {
///
bool showDetailWindow = true;
List<GroupMemberEntity> _groupMembers = [];
@override
void initState() {
super.initState();
@ -184,6 +187,12 @@ class _LiveStreamViewPageState extends State<LiveStreamViewPage> {
}
break;
case ListenerTypeEnum.GroupTips:
TencentImPlugin.getGroupMembers(groupId: _streamInfoModel.groupId)
.then((models) {
setState(() {
_groupMembers = models;
});
});
if (params is String) {
dynamic parseParams = jsonDecode(params);
if (parseParams['tipsType'] == 'Join') {
@ -317,7 +326,23 @@ class _LiveStreamViewPageState extends State<LiveStreamViewPage> {
avatar: _streamInfoModel.headImgUrl,
),
Spacer(),
MorePeople(),
MorePeople(
onTap: () {
showModalBottomSheet(
context: context,
builder: (context) {
return LiveUsersView(
avatars: _groupMembers.map((e) => e.userProfile.faceUrl).toList(),
usersId:
_groupMembers.map((e) => e.user).toList(),
);
},
);
},
images: _groupMembers
.map((e) => e.userProfile.faceUrl)
.toList(),
),
SizedBox(width: rSize(54)),
],
),

@ -0,0 +1,118 @@
import 'package:flutter/material.dart';
import 'package:recook/constants/api.dart';
import 'package:recook/constants/header.dart';
import 'package:recook/manager/http_manager.dart';
class LiveUsersView extends StatefulWidget {
final List<String> usersId;
final List<String> avatars;
LiveUsersView({Key key, @required this.usersId, @required this.avatars})
: super(key: key);
@override
_LiveUsersViewState createState() => _LiveUsersViewState();
}
class _LiveUsersViewState extends State<LiveUsersView> {
List<dynamic> users;
@override
void initState() {
super.initState();
HttpManager.post(
LiveAPI.getLiveUsers,
{'identifiers': widget.usersId},
).then((resultData) {
setState(() {
users = (resultData?.data['data'] as List).map((e) {
return {
'name': e['identifier'],
'fans': e['fans'],
'follow': e['isFollow'],
};
}).toList();
});
});
}
@override
Widget build(BuildContext context) {
return DraggableScrollableSheet(
minChildSize: 0.5,
maxChildSize: 0.9,
builder: (context, controller) {
return Material(
color: Colors.black.withOpacity(0.55),
borderRadius: BorderRadius.vertical(top: Radius.circular(rSize(15))),
child: users == null
? Center(
child: CircularProgressIndicator(),
)
: Column(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Padding(
padding: EdgeInsets.all(rSize(15)),
child: Text(
'在线观众',
style: TextStyle(
color: Colors.white,
fontSize: rSP(16),
fontWeight: FontWeight.bold,
),
),
),
Expanded(
child: ListView.builder(
controller: controller,
itemBuilder: (BuildContext context, int index) {
final name = users[index]['name'];
final fans = users[index]['fans'];
return Padding(
padding: EdgeInsets.symmetric(
horizontal: rSize(15),
vertical: rSize(15 / 2),
),
child: Row(
children: [
ClipRRect(
borderRadius:
BorderRadius.circular(rSize(34 / 2)),
child: FadeInImage.assetNetwork(
placeholder:
R.ASSETS_PLACEHOLDER_NEW_1X1_A_PNG,
image: widget.avatars[index],
width: rSize(34),
height: rSize(34),
),
),
rWBox(10),
Text(
'$name',
style: TextStyle(
color: Colors.white,
fontSize: rSP(14),
),
),
rWBox(10),
Text(
'粉丝数$fans',
style: TextStyle(
color: Color(0xFFEEEEEE),
fontSize: rSP(12),
),
),
],
),
);
},
itemCount: users.length,
),
),
],
),
);
},
);
}
}

@ -1,17 +1,17 @@
import 'dart:math';
import 'package:flutter/material.dart';
import 'package:recook/constants/header.dart';
class MorePeople extends StatefulWidget {
final List<String> images;
MorePeople({Key key, this.images}) : super(key: key);
final VoidCallback onTap;
MorePeople({Key key, this.images, @required this.onTap}) : super(key: key);
@override
_MorePeopleState createState() => _MorePeopleState();
}
class _MorePeopleState extends State<MorePeople> {
int get size => widget.images.length;
@override
void initState() {
super.initState();
@ -19,14 +19,18 @@ class _MorePeopleState extends State<MorePeople> {
@override
Widget build(BuildContext context) {
return Stack(
overflow: Overflow.visible,
children: [
_buildMore(),
_buildAvatar(1),
_buildAvatar(2),
_buildAvatar(3),
],
return GestureDetector(
onTap: widget.onTap,
child: Stack(
overflow: Overflow.visible,
children: [
rWBox(28 * 4 - 15.0),
size >= 4 ? _buildMore() : SizedBox(height: rSize(28)),
size >= 1 ? _buildAvatar(1) : SizedBox(height: rSize(28)),
size >= 2 ? _buildAvatar(2) : SizedBox(height: rSize(28)),
size >= 3 ? _buildAvatar(3) : SizedBox(height: rSize(28)),
],
),
);
}
@ -34,6 +38,8 @@ class _MorePeopleState extends State<MorePeople> {
return Container(
height: rSize(28),
width: rSize(28),
alignment: Alignment.center,
child: Text(widget.images.length.toString()),
decoration: BoxDecoration(
color: Colors.black.withOpacity(0.1),
borderRadius: BorderRadius.circular(rSize(14)),
@ -43,14 +49,14 @@ class _MorePeopleState extends State<MorePeople> {
_buildAvatar(int index) {
return Positioned(
right: rSize(28 * index - 5.0 * index),
child: CircleAvatar(
radius: rSize(14),
backgroundColor: Color.fromRGBO(
Random().nextInt(100),
Random().nextInt(100),
Random().nextInt(100),
1,
right: rSize(28 * (size >= 3 ? index : index - 1) - 5.0 * index),
child: ClipRRect(
borderRadius: BorderRadius.circular(rSize(14)),
child: FadeInImage.assetNetwork(
placeholder: R.ASSETS_PLACEHOLDER_NEW_1X1_A_PNG,
image: widget.images[index - 1],
height: rSize(28),
width: rSize(28),
),
),
);

Loading…
Cancel
Save