copilot/frosty
1
0
Fork 0
Code Issues Pull requests Projects Releases 11 Packages Wiki Activity Actions

Add title and game name to video overlay

Browse source
This commit is contained in:
tommyxchow 2021-12-23 20:08:17 -05:00
parent 892c7b0c35
commit 15583950bc
2 changed files with 34 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

6
lib/screens/channel/video/video.dart
View file

@ -40,11 +40,7 @@ class Video extends StatelessWidget {
videoStore.initVideo();
},
),
VideoOverlay(
title: title,
userName: userName,
videoStore: videoStore,
),
VideoOverlay(videoStore: videoStore),
],
);
} else {

65
lib/screens/channel/video/video_overlay.dart
View file

@ -7,16 +7,9 @@ import 'package:intl/intl.dart';
import 'package:provider/provider.dart';
class VideoOverlay extends StatelessWidget {
final String title;
final String userName;
final VideoStore videoStore;
const VideoOverlay({
Key? key,
required this.title,
required this.userName,
required this.videoStore,
}) : super(key: key);
const VideoOverlay({Key? key, required this.videoStore}) : super(key: key);
@override
Widget build(BuildContext context) {
@ -24,7 +17,7 @@ class VideoOverlay extends StatelessWidget {
onTap: videoStore.handleVideoTap,
child: SizedBox.expand(
child: Observer(
builder: (_) {
builder: (context) {
return AnimatedOpacity(
opacity: videoStore.menuVisible ? 1.0 : 0.0,
duration: const Duration(milliseconds: 100),
@ -69,31 +62,39 @@ class VideoOverlay extends StatelessWidget {
Row(
crossAxisAlignment: CrossAxisAlignment.end,
children: [
Padding(
padding: const EdgeInsets.all(10.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
userName,
style: const TextStyle(
color: Color(0xFFFFFFFF),
fontSize: 20,
fontWeight: FontWeight.bold,
),
),
const SizedBox(height: 5.0),
if (videoStore.streamInfo != null)
Text(
'${NumberFormat().format(videoStore.streamInfo?.viewerCount)} viewers',
style: const TextStyle(
color: Color(0xFFFFFFFF),
),
),
],
Expanded(
child: Padding(
padding: const EdgeInsets.all(10.0),
child: videoStore.streamInfo != null
? Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
videoStore.streamInfo!.userName,
style: const TextStyle(
color: Color(0xFFFFFFFF),
fontSize: 20,
fontWeight: FontWeight.bold,
),
),
const SizedBox(height: 5.0),
Text(
videoStore.streamInfo!.title,
maxLines: 2,
overflow: TextOverflow.ellipsis,
),
const SizedBox(height: 5.0),
Text(
'${videoStore.streamInfo?.gameName} for ${NumberFormat().format(videoStore.streamInfo?.viewerCount)} viewers',
style: const TextStyle(
color: Color(0xFFFFFFFF),
),
),
],
)
: null,
),
),
const Spacer(),
IconButton(
icon: const Icon(
Icons.picture_in_picture_alt_rounded,