johrpan/musicus_mobile
1
0
Fork 0
mirror of https://github.com/johrpan/musicus_mobile.git synced 2025-10-26 10:47:25 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Recording selector: Use a nested navigator

Browse source 
The selector also makes use of the new work tile widget.
This commit is contained in:
Elias Projahn 2020-04-05 20:46:00 +02:00
parent ff38930e19
commit 3a9a3100fc
1 changed files with 180 additions and 124 deletions
Download patch file Download diff file Expand all files Collapse all files

228
lib/selectors/recording.dart
View file

@ -1,34 +1,119 @@
import 'package:flutter/material.dart';
import 'package:musicus/widgets/person_text.dart';
import '../backend.dart';
import '../database.dart';
import '../editors/recording.dart';
import '../widgets/works_by_composer.dart';
import '../widgets/work_tile.dart';
import '../widgets/performance_row.dart';
class RecordingsSelector extends StatefulWidget {
@override
_RecordingsSelectorState createState() => _RecordingsSelectorState();
}
class PersonList extends StatelessWidget {
final void Function(int personId) onSelect;
class _RecordingsSelectorState extends State<RecordingsSelector> {
Person composer;
Work work;
PersonList({
this.onSelect,
});
@override
Widget build(BuildContext context) {
final backend = Backend.of(context);
bool showBackButton;
String titleText;
Widget content;
return Column(
children: <Widget>[
Material(
elevation: 2.0,
child: ListTile(
title: Text('Composers'),
),
),
Expanded(
child: StreamBuilder<List<Person>>(
stream: backend.db.allPersons().watch(),
builder: (context, snapshot) {
if (snapshot.hasData) {
return ListView.builder(
itemCount: snapshot.data.length,
itemBuilder: (context, index) {
final person = snapshot.data[index];
return ListTile(
title: Text('${person.lastName}, ${person.firstName}'),
onTap: () => onSelect(person.id),
);
},
);
} else {
return Container();
}
},
),
),
],
);
}
}
if (composer != null) {
showBackButton = true;
if (work != null) {
titleText = work.title;
content = StreamBuilder<List<Recording>>(
stream: backend.db.recordingsByWork(work.id).watch(),
class WorkList extends StatelessWidget {
final int composerId;
final void Function(int workId) onSelect;
WorkList({
this.composerId,
this.onSelect,
});
@override
Widget build(BuildContext context) {
return Column(
children: <Widget>[
Material(
elevation: 2.0,
child: ListTile(
leading: IconButton(
icon: const Icon(Icons.arrow_back),
onPressed: () => Navigator.pop(context),
),
title: PersonText(composerId),
),
),
Expanded(
child: WorksByComposer(
personId: composerId,
onTap: (selectedWork) => onSelect(selectedWork.id),
),
),
],
);
}
}
class RecordingList extends StatelessWidget {
final int workId;
final void Function(Recording recording) onSelect;
RecordingList({
this.workId,
this.onSelect,
});
@override
Widget build(BuildContext context) {
final backend = Backend.of(context);
return Column(
children: <Widget>[
Material(
elevation: 2.0,
child: WorkTile(
leading: IconButton(
icon: const Icon(Icons.arrow_back),
onPressed: () => Navigator.pop(context),
),
workId: workId,
),
),
Expanded(
child: StreamBuilder<List<Recording>>(
stream: backend.db.recordingsByWork(workId).watch(),
builder: (context, snapshot) {
if (snapshot.hasData) {
return ListView.builder(
@ -54,9 +139,7 @@ class _RecordingsSelectorState extends State<RecordingsSelector> {
}
},
),
onTap: () {
Navigator.pop(context, recording);
},
onTap: () => onSelect(recording),
);
},
);
@ -64,45 +147,27 @@ class _RecordingsSelectorState extends State<RecordingsSelector> {
return Container();
}
},
);
} else {
titleText = '${composer.firstName} ${composer.lastName}';
content = WorksByComposer(
personId: composer.id,
onTap: (selectedWork) {
setState(() {
work = selectedWork;
});
},
),
),
],
);
}
} else {
showBackButton = false;
titleText = 'Composers';
}
content = StreamBuilder<List<Person>>(
stream: backend.db.allPersons().watch(),
builder: (context, snapshot) {
if (snapshot.hasData) {
return ListView.builder(
itemCount: snapshot.data.length,
itemBuilder: (context, index) {
final person = snapshot.data[index];
return ListTile(
title: Text('${person.lastName}, ${person.firstName}'),
onTap: () {
setState(() {
composer = person;
});
},
);
},
);
} else {
return Container();
class RecordingsSelector extends StatefulWidget {
@override
_RecordingsSelectorState createState() => _RecordingsSelectorState();
}
},
);
class _RecordingsSelectorState extends State<RecordingsSelector> {
final nestedNavigator = GlobalKey<NavigatorState>();
@override
Widget build(BuildContext context) {
// This exists to circumvent the nested navigator when selecting a
// recording.
void popUpperNavigator(Recording recording) {
Navigator.pop(context, recording);
}
return WillPopScope(
@ -114,22 +179,31 @@ class _RecordingsSelectorState extends State<RecordingsSelector> {
),
title: Text('Select recording'),
),
body: Column(
children: <Widget>[
Material(
elevation: 2.0,
child: ListTile(
leading: IconButton(
icon: const Icon(Icons.arrow_back),
onPressed: showBackButton ? goBack : null,
),
title: Text(titleText),
body: Navigator(
key: nestedNavigator,
onGenerateRoute: (settings) => settings.name == '/'
? MaterialPageRoute(
builder: (context) => PersonList(
onSelect: (personId) => nestedNavigator.currentState.push(
MaterialPageRoute(
builder: (context) => WorkList(
composerId: personId,
onSelect: (workId) =>
nestedNavigator.currentState.push(
MaterialPageRoute(
builder: (context) => RecordingList(
workId: workId,
onSelect: (recording) => popUpperNavigator(recording),
),
),
Expanded(
child: content,
),
],
),
),
),
),
)
: null,
initialRoute: '/',
),
floatingActionButton: FloatingActionButton(
child: const Icon(Icons.add),
@ -148,25 +222,7 @@ class _RecordingsSelectorState extends State<RecordingsSelector> {
},
),
),
onWillPop: () => Future.value(goBack()),
onWillPop: () async => !(await nestedNavigator.currentState.maybePop()),
);
}
bool goBack() {
if (work != null) {
setState(() {
work = null;
});
return false;
} else if (composer != null) {
setState(() {
composer = null;
});
return false;
} else {
return true;
}
}
}