Voice Chat Fixes & Audio Player Implementation
parent
773a99e8d9
commit
8c3745b747
File diff suppressed because one or more lines are too long
@ -0,0 +1,155 @@
|
|||||||
|
import 'dart:convert';
|
||||||
|
|
||||||
|
import 'package:flutter/cupertino.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_svg/flutter_svg.dart';
|
||||||
|
import 'package:mohem_flutter_app/provider/chat_provider_model.dart';
|
||||||
|
import 'package:mohem_flutter_app/app_state/app_state.dart';
|
||||||
|
import 'package:mohem_flutter_app/classes/colors.dart';
|
||||||
|
import 'package:mohem_flutter_app/classes/utils.dart';
|
||||||
|
import 'package:mohem_flutter_app/config/routes.dart';
|
||||||
|
import 'package:mohem_flutter_app/extensions/string_extensions.dart';
|
||||||
|
import 'package:mohem_flutter_app/extensions/widget_extensions.dart';
|
||||||
|
import 'package:mohem_flutter_app/ui/chat/chat_detailed_screen.dart';
|
||||||
|
import 'package:mohem_flutter_app/widgets/shimmer/dashboard_shimmer_widget.dart';
|
||||||
|
import 'package:provider/provider.dart';
|
||||||
|
|
||||||
|
class MyTeamScreen extends StatefulWidget {
|
||||||
|
const MyTeamScreen({Key? key}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<MyTeamScreen> createState() => _MyTeamScreenState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _MyTeamScreenState extends State<MyTeamScreen> {
|
||||||
|
late ChatProviderModel provider;
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
super.initState();
|
||||||
|
provider = Provider.of<ChatProviderModel>(context, listen: false);
|
||||||
|
loadMembers();
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
void loadMembers(){
|
||||||
|
provider.getTeamMembers();
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Scaffold(
|
||||||
|
backgroundColor: MyColors.white,
|
||||||
|
body: Consumer<ChatProviderModel>(
|
||||||
|
builder: (BuildContext context, ChatProviderModel m, Widget? child) {
|
||||||
|
if (m.isLoading) {
|
||||||
|
return ChatHomeShimmer(
|
||||||
|
isDetailedScreen: false,
|
||||||
|
);
|
||||||
|
} else {
|
||||||
|
return m.teamMembersList != null && m.teamMembersList.isNotEmpty
|
||||||
|
? ListView.separated(
|
||||||
|
itemCount: m.teamMembersList!.length,
|
||||||
|
shrinkWrap: true,
|
||||||
|
physics: const ClampingScrollPhysics(),
|
||||||
|
padding: const EdgeInsets.only(bottom: 80.0),
|
||||||
|
itemBuilder: (BuildContext context, int index) {
|
||||||
|
return SizedBox(
|
||||||
|
height: 55,
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
Stack(
|
||||||
|
children: <Widget>[
|
||||||
|
if (m.teamMembersList![index].isImageLoading!)
|
||||||
|
const SizedBox(
|
||||||
|
height: 48,
|
||||||
|
width: 48,
|
||||||
|
).toShimmer().circle(30),
|
||||||
|
if (!m.teamMembersList![index].isImageLoading! && m.teamMembersList![index].userLocalDownlaodedImage == null)
|
||||||
|
SvgPicture.asset(
|
||||||
|
"assets/images/user.svg",
|
||||||
|
height: 48,
|
||||||
|
width: 48,
|
||||||
|
),
|
||||||
|
if (!m.teamMembersList![index].isImageLoading! && m.teamMembersList![index].userLocalDownlaodedImage != null)
|
||||||
|
Container(
|
||||||
|
width: 48.0,
|
||||||
|
height: 48.0,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
shape: BoxShape.circle,
|
||||||
|
image: DecorationImage(
|
||||||
|
fit: BoxFit.cover,
|
||||||
|
image: FileImage(m.teamMembersList![index].userLocalDownlaodedImage!),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Positioned(
|
||||||
|
right: 5,
|
||||||
|
bottom: 1,
|
||||||
|
child: Container(
|
||||||
|
width: 10,
|
||||||
|
height: 10,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: m.teamMembersList![index].userStatus == 1 ? MyColors.green2DColor : Colors.red,
|
||||||
|
),
|
||||||
|
).circle(10),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
Column(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.start,
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
(m.teamMembersList![index].userName!.replaceFirst(".", " ").capitalizeFirstofEach ?? "").toText14(color: MyColors.darkTextColor).paddingOnly(left: 11, top: 13),
|
||||||
|
],
|
||||||
|
).expanded,
|
||||||
|
// SizedBox(
|
||||||
|
// width: 60,
|
||||||
|
// child: Row(
|
||||||
|
// crossAxisAlignment: CrossAxisAlignment.center,
|
||||||
|
// mainAxisAlignment: MainAxisAlignment.end,
|
||||||
|
// mainAxisSize: MainAxisSize.max,
|
||||||
|
// children: <Widget>[
|
||||||
|
// Icon(
|
||||||
|
// m.teamMembersList![index].isFav! ? Icons.star : Icons.star_border,
|
||||||
|
// color: m.teamMembersList![index].isFav! ? MyColors.yellowColor : MyColors.grey35Color,
|
||||||
|
// ).onPress(() {
|
||||||
|
// if (m.teamMembersList![index].isFav!) {
|
||||||
|
// m.unFavoriteUser(
|
||||||
|
// userID: AppState().chatDetails!.response!.id!,
|
||||||
|
// targetUserID: m.teamMembersList![index].id!,
|
||||||
|
// );
|
||||||
|
// }
|
||||||
|
// }).center,
|
||||||
|
// ],
|
||||||
|
// ),
|
||||||
|
// ),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
).onPress(() {
|
||||||
|
print(jsonEncode(m.teamMembersList[index]));
|
||||||
|
// Navigator.pushNamed(
|
||||||
|
// context,
|
||||||
|
// AppRoutes.chatDetailed,
|
||||||
|
// arguments: ChatDetailedScreenParams(m.teamMembersList![index], true),
|
||||||
|
// ).then(
|
||||||
|
// (Object? value) {
|
||||||
|
// m.clearSelections();
|
||||||
|
// },
|
||||||
|
// );
|
||||||
|
});
|
||||||
|
},
|
||||||
|
separatorBuilder: (BuildContext context, int index) => const Divider(color: MyColors.lightGreyE5Color).paddingOnly(left: 70),
|
||||||
|
).paddingAll(21)
|
||||||
|
: Column(
|
||||||
|
children: <Widget>[
|
||||||
|
Utils.getNoDataWidget(context).expanded,
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue