Skip to content

Feat: Add "More Options" Button to Live Room UI #264

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
google-labs-jules wants to merge 2 commits into
base: main
Choose a base branch
from
Draft

Feat: Add "More Options" Button to Live Room UI #264

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
9e5af5b
feat: Add "More Options" button to live room UI
google-labs-jules[bot] Dec 16, 2025
56fff58
fix: Resolve build failure by removing LogicalKeyboardKey.menu
google-labs-jules[bot] Dec 16, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions lib/pages/live_room/view.dart
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -199,6 +199,8 @@ class _LiveRoomPageState extends State<LiveRoomPage>
child = PlayerFocus(
plPlayerController: plPlayerController,
onSendDanmaku: _liveRoomController.onSendDanmaku,
onShowMenu: () =>
(_liveRoomController.headerKey.currentState as dynamic)?.showMenu(),
child: child,
);
}
Expand Down
137 changes: 62 additions & 75 deletions lib/pages/live_room/widgets/header_control.dart
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -39,6 +39,14 @@ class LiveHeaderControl extends StatefulWidget {

class _LiveHeaderControlState extends State<LiveHeaderControl>
with TimeBatteryMixin {
final GlobalKey _menuKey = GlobalKey();

void showMenu() {
final PopupMenuButtonState? menuButtonState =
_menuKey.currentState as PopupMenuButtonState?;
menuButtonState?.showButtonMenu();
}

@override
late final plPlayerController = widget.plPlayerController;

Expand Down Expand Up @@ -121,86 +129,65 @@ class _LiveHeaderControlState extends State<LiveHeaderControl>
child,
...?timeBatteryWidgets,
const SizedBox(width: 10),
ComBtn(
height: 30,
tooltip: '发弹幕',
icon: const Icon(
size: 18,
Icons.comment_outlined,
color: Colors.white,
_moreBtn(),
],
),
);
}

Widget _moreBtn() {
return PopupMenuButton(
key: _menuKey,
icon: const Icon(
Icons.more_vert,
color: Colors.white,
size: 18,
),
tooltip: '更多选项',
itemBuilder: (BuildContext context) => <PopupMenuEntry>[
PopupMenuItem(
onTap: widget.onSendDanmaku,
child: const Text('发弹幕'),
),
PopupMenuItem(
onTap: () {
plPlayerController.onlyPlayAudio.value =
!plPlayerController.onlyPlayAudio.value;
widget.onPlayAudio();
},
child: Obx(
() => Text(
plPlayerController.onlyPlayAudio.value ? '关闭仅音频' : '仅播放音频',
),
onTap: widget.onSendDanmaku,
),
Obx(
() {
final onlyPlayAudio = plPlayerController.onlyPlayAudio.value;
return ComBtn(
height: 30,
tooltip: '仅播放音频',
onTap: () {
plPlayerController.onlyPlayAudio.value = !onlyPlayAudio;
widget.onPlayAudio();
},
icon: onlyPlayAudio
? const Icon(
size: 18,
MdiIcons.musicCircle,
color: Colors.white,
)
: const Icon(
size: 18,
MdiIcons.musicCircleOutline,
color: Colors.white,
),
);
),
if (Platform.isAndroid || (Utils.isDesktop && !isFullScreen))
PopupMenuItem(
onTap: () async {
if (Utils.isDesktop) {
plPlayerController.toggleDesktopPip();
return;
}
if (await Floating().isPipAvailable) {
plPlayerController
..showControls.value = false
..enterPip();
}
},
child: const Text('画中画'),
),
if (Platform.isAndroid || (Utils.isDesktop && !isFullScreen))
ComBtn(
height: 30,
tooltip: '画中画',
onTap: () async {
if (Utils.isDesktop) {
plPlayerController.toggleDesktopPip();
return;
}
if (await Floating().isPipAvailable) {
plPlayerController
..showControls.value = false
..enterPip();
}
},
icon: const Icon(
size: 18,
Icons.picture_in_picture_outlined,
color: Colors.white,
),
),
ComBtn(
height: 30,
tooltip: '定时关闭',
onTap: () => PageUtils.scheduleExit(context, isFullScreen, true),
icon: const Icon(
size: 18,
Icons.schedule,
color: Colors.white,
),
),
ComBtn(
height: 30,
tooltip: '播放信息',
onTap: () => HeaderControlState.showPlayerInfo(
context,
plPlayerController: plPlayerController,
),
icon: const Icon(
size: 18,
Icons.info_outline,
color: Colors.white,
),
PopupMenuItem(
onTap: () => PageUtils.scheduleExit(context, isFullScreen, true),
child: const Text('定时关闭'),
),
PopupMenuItem(
onTap: () => HeaderControlState.showPlayerInfo(
context,
plPlayerController: plPlayerController,
),
],
),
child: const Text('播放信息'),
),
],
);
}
}