johrpan/musicus_mobile
1
0
Fork 0
mirror of https://github.com/johrpan/musicus_mobile.git synced 2025-10-26 18:57: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

302
lib/selectors/recording.dart
View file

@ -1,108 +1,173 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:musicus/widgets/person_text.dart';
import '../backend.dart'; import '../backend.dart';
import '../database.dart'; import '../database.dart';
import '../editors/recording.dart'; import '../editors/recording.dart';
import '../widgets/works_by_composer.dart'; import '../widgets/works_by_composer.dart';
import '../widgets/work_tile.dart';
import '../widgets/performance_row.dart'; import '../widgets/performance_row.dart';
class PersonList extends StatelessWidget {
final void Function(int personId) onSelect;
PersonList({
this.onSelect,
});
@override
Widget build(BuildContext context) {
final backend = Backend.of(context);
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();
}
},
),
),
],
);
}
}
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(
itemCount: snapshot.data.length,
itemBuilder: (context, index) {
final recording = snapshot.data[index];
return ListTile(
title: StreamBuilder<List<Performance>>(
stream: backend.db
.performancesByRecording(recording.id)
.watch(),
builder: (context, snapshot) {
if (snapshot.hasData) {
return Column(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
for (final performance in snapshot.data)
PerformanceRow(performance),
],
);
} else {
return Container();
}
},
),
onTap: () => onSelect(recording),
);
},
);
} else {
return Container();
}
},
),
),
],
);
}
}
class RecordingsSelector extends StatefulWidget { class RecordingsSelector extends StatefulWidget {
@override @override
_RecordingsSelectorState createState() => _RecordingsSelectorState(); _RecordingsSelectorState createState() => _RecordingsSelectorState();
} }
class _RecordingsSelectorState extends State<RecordingsSelector> { class _RecordingsSelectorState extends State<RecordingsSelector> {
Person composer; final nestedNavigator = GlobalKey<NavigatorState>();
Work work;
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
final backend = Backend.of(context); // This exists to circumvent the nested navigator when selecting a
// recording.
bool showBackButton; void popUpperNavigator(Recording recording) {
String titleText; Navigator.pop(context, recording);
Widget content;
if (composer != null) {
showBackButton = true;
if (work != null) {
titleText = work.title;
content = StreamBuilder<List<Recording>>(
stream: backend.db.recordingsByWork(work.id).watch(),
builder: (context, snapshot) {
if (snapshot.hasData) {
return ListView.builder(
itemCount: snapshot.data.length,
itemBuilder: (context, index) {
final recording = snapshot.data[index];
return ListTile(
title: StreamBuilder<List<Performance>>(
stream: backend.db
.performancesByRecording(recording.id)
.watch(),
builder: (context, snapshot) {
if (snapshot.hasData) {
return Column(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
for (final performance in snapshot.data)
PerformanceRow(performance),
],
);
} else {
return Container();
}
},
),
onTap: () {
Navigator.pop(context, recording);
},
);
},
);
} else {
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();
}
},
);
} }
return WillPopScope( return WillPopScope(
@ -114,22 +179,31 @@ class _RecordingsSelectorState extends State<RecordingsSelector> {
), ),
title: Text('Select recording'), title: Text('Select recording'),
), ),
body: Column( body: Navigator(
children: <Widget>[ key: nestedNavigator,
Material( onGenerateRoute: (settings) => settings.name == '/'
elevation: 2.0, ? MaterialPageRoute(
child: ListTile( builder: (context) => PersonList(
leading: IconButton( onSelect: (personId) => nestedNavigator.currentState.push(
icon: const Icon(Icons.arrow_back), MaterialPageRoute(
onPressed: showBackButton ? goBack : null, builder: (context) => WorkList(
), composerId: personId,
title: Text(titleText), onSelect: (workId) =>
), nestedNavigator.currentState.push(
), MaterialPageRoute(
Expanded( builder: (context) => RecordingList(
child: content, workId: workId,
), onSelect: (recording) => popUpperNavigator(recording),
], ),
),
),
),
),
),
),
)
: null,
initialRoute: '/',
), ),
floatingActionButton: FloatingActionButton( floatingActionButton: FloatingActionButton(
child: const Icon(Icons.add), 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;
}
}
} }