💄 Make port list scrollable
This commit is contained in:
@ -44,51 +44,53 @@ class _PortsTabState extends State<PortsTab> {
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.all(8.0),
|
||||
child: Column(
|
||||
children: [...widget.mixerState.inputs, ...widget.mixerState.outputs]
|
||||
.indexed
|
||||
.map(
|
||||
(elem) => Card(
|
||||
child: ListTile(
|
||||
leading: (elem.$1 >= widget.mixerState.inputs.length)
|
||||
? const Icon(Icons.speaker_outlined)
|
||||
: const Icon(Icons.mic_none_outlined),
|
||||
title: Text(elem.$2.name),
|
||||
subtitle: Text('Backend: ${elem.$2.properties.backend}'),
|
||||
trailing: PopupMenuButton<MenuAction>(
|
||||
tooltip: "More Options",
|
||||
onSelected: (MenuAction item) {
|
||||
switch (item) {
|
||||
case MenuAction.edit:
|
||||
onEditPort(elem.$2);
|
||||
case MenuAction.delete:
|
||||
onDeletePort(elem.$2);
|
||||
}
|
||||
},
|
||||
itemBuilder: (BuildContext context) =>
|
||||
<PopupMenuEntry<MenuAction>>[
|
||||
const PopupMenuItem<MenuAction>(
|
||||
value: MenuAction.edit,
|
||||
child: ListTile(
|
||||
leading: Icon(Icons.mode_edit),
|
||||
title: Text('Edit'),
|
||||
return SingleChildScrollView(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(8.0),
|
||||
child: Column(
|
||||
children: [...widget.mixerState.inputs, ...widget.mixerState.outputs]
|
||||
.indexed
|
||||
.map(
|
||||
(elem) => Card(
|
||||
child: ListTile(
|
||||
leading: (elem.$1 >= widget.mixerState.inputs.length)
|
||||
? const Icon(Icons.speaker_outlined)
|
||||
: const Icon(Icons.mic_none_outlined),
|
||||
title: Text(elem.$2.name),
|
||||
subtitle: Text('Backend: ${elem.$2.properties.backend}'),
|
||||
trailing: PopupMenuButton<MenuAction>(
|
||||
tooltip: "More Options",
|
||||
onSelected: (MenuAction item) {
|
||||
switch (item) {
|
||||
case MenuAction.edit:
|
||||
onEditPort(elem.$2);
|
||||
case MenuAction.delete:
|
||||
onDeletePort(elem.$2);
|
||||
}
|
||||
},
|
||||
itemBuilder: (BuildContext context) =>
|
||||
<PopupMenuEntry<MenuAction>>[
|
||||
const PopupMenuItem<MenuAction>(
|
||||
value: MenuAction.edit,
|
||||
child: ListTile(
|
||||
leading: Icon(Icons.mode_edit),
|
||||
title: Text('Edit'),
|
||||
),
|
||||
),
|
||||
),
|
||||
const PopupMenuItem<MenuAction>(
|
||||
value: MenuAction.delete,
|
||||
child: ListTile(
|
||||
leading: Icon(Icons.delete),
|
||||
title: Text('Delete'),
|
||||
const PopupMenuItem<MenuAction>(
|
||||
value: MenuAction.delete,
|
||||
child: ListTile(
|
||||
leading: Icon(Icons.delete),
|
||||
title: Text('Delete'),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
)
|
||||
.toList(),
|
||||
)
|
||||
.toList(),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
Reference in New Issue
Block a user