🐛 Fix colors difference

This commit is contained in:
LittleSheep 2024-04-28 00:10:20 +08:00
parent 541df5c3bc
commit 155f7c7999
2 changed files with 40 additions and 44 deletions

View File

@ -121,51 +121,47 @@ abstract class _ParticipantWidgetState<T extends ParticipantWidget> extends Stat
@override @override
Widget build(BuildContext ctx) { Widget build(BuildContext ctx) {
return Container( return Stack(
child: Stack( children: [
children: [ InkWell(
// Video onTap: () => setState(() => _visible = !_visible),
InkWell( child: _activeVideoTrack != null && !_activeVideoTrack!.muted
onTap: () => setState(() => _visible = !_visible), ? VideoTrackRenderer(
child: _activeVideoTrack != null && !_activeVideoTrack!.muted _activeVideoTrack!,
? VideoTrackRenderer( fit: RTCVideoViewObjectFit.RTCVideoViewObjectFitContain,
_activeVideoTrack!, )
fit: RTCVideoViewObjectFit.RTCVideoViewObjectFitContain, : NoContentWidget(
) userinfo: _userinfoMetadata,
: NoContentWidget( isSpeaking: widget.participant.isSpeaking,
userinfo: _userinfoMetadata,
isSpeaking: widget.participant.isSpeaking,
),
),
if (widget.showStatsLayer)
Positioned(
top: 30,
right: 30,
child: ParticipantStatsWidget(
participant: widget.participant,
),
),
// Bottom bar
Align(
alignment: Alignment.bottomCenter,
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
mainAxisSize: MainAxisSize.min,
children: [
...extraWidgets(widget.isScreenShare),
ParticipantInfoWidget(
title: widget.participant.name.isNotEmpty
? '${widget.participant.name} (${widget.participant.identity})'
: widget.participant.identity,
audioAvailable: _firstAudioPublication?.muted == false && _firstAudioPublication?.subscribed == true,
connectionQuality: widget.participant.connectionQuality,
isScreenShare: widget.isScreenShare,
), ),
], ),
if (widget.showStatsLayer)
Positioned(
top: 30,
right: 30,
child: ParticipantStatsWidget(
participant: widget.participant,
), ),
), ),
], Align(
), alignment: Alignment.bottomCenter,
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
mainAxisSize: MainAxisSize.min,
children: [
...extraWidgets(widget.isScreenShare),
ParticipantInfoWidget(
title: widget.participant.name.isNotEmpty
? '${widget.participant.name} (${widget.participant.identity})'
: widget.participant.identity,
audioAvailable: _firstAudioPublication?.muted == false && _firstAudioPublication?.subscribed == true,
connectionQuality: widget.participant.connectionQuality,
isScreenShare: widget.isScreenShare,
),
],
),
),
],
); );
} }
} }
@ -239,7 +235,7 @@ class RemoteTrackPublicationMenuWidget extends StatelessWidget {
@override @override
Widget build(BuildContext context) => Material( Widget build(BuildContext context) => Material(
color: Colors.black.withOpacity(0.3), color: Theme.of(context).colorScheme.onSurface.withOpacity(0.75),
child: PopupMenuButton<Function>( child: PopupMenuButton<Function>(
tooltip: 'Subscribe menu', tooltip: 'Subscribe menu',
icon: Icon(icon, icon: Icon(icon,

View File

@ -111,7 +111,7 @@ class _ParticipantStatsWidgetState extends State<ParticipantStatsWidget> {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Container( return Container(
color: Colors.black.withOpacity(0.3), color: Theme.of(context).colorScheme.onSurface.withOpacity(0.75),
padding: const EdgeInsets.symmetric( padding: const EdgeInsets.symmetric(
vertical: 8, vertical: 8,
horizontal: 8, horizontal: 8,