Add person selector

lib/screens/home.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 
 import '../backend.dart';
+import '../selectors/person.dart';
 
 class HomeScreen extends StatelessWidget {
   @override
@@ -22,6 +23,15 @@ class HomeScreen extends StatelessWidget {
             title: Text('Play/Pause'),
             onTap: backend.playPause,
           ),
+          ListTile(
+            title: Text('Select person'),
+            onTap: () => Navigator.push(
+                context,
+                MaterialPageRoute(
+                  builder: (context) => PersonsSelector(),
+                  fullscreenDialog: true,
+                )),
+          ),
         ],
       ),
     );

lib/selectors/person.dart

@@ -0,0 +1,35 @@
+import 'package:flutter/material.dart';
+
+import '../backend.dart';
+
+class PersonsSelector extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    final backend = Backend.of(context);
+
+    return Scaffold(
+      appBar: AppBar(
+        title: Text('Select person'),
+      ),
+      body: StreamBuilder(
+          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: () => Navigator.pop(context, person),
+                  );
+                },
+              );
+            } else {
+              return Container();
+            }
+          }),
+    );
+  }
+}