MiniController tap handling

README.md

@@ -150,7 +150,6 @@ I used this project to test the capabilities of the following technologies:
 
 * CC in Expanded Controls (iOS)
 * Expanded Controls cosmetics (ad in progress bar, full screen, progress bar handle)
-* Handle mini-player
 * Handle queue
 * Handle progress seek
 * Understand if it is better to refactor using streams instead of listeners

example/lib/main.dart

@@ -177,6 +177,7 @@ class _MyAppState extends State<MyApp> {
               padding: const EdgeInsets.symmetric(vertical: 8.0),
               child: MiniController(
                 castFramework: castFramework,
+                onControllerTapped: _openExpandedControls,
               ),
             ),
           ],

lib/src/cast/widgets/mini_controller/MiniController.dart

@@ -8,9 +8,15 @@ import 'MiniControllerPlayPauseButton.dart';
 class MiniController extends StatelessWidget {
   final FlutterCastFramework castFramework;
 
+  /// This is called when the mini controller is tapped and the tap is not
+  /// handled by the controller. Generally, you want to open the expanded controls
+  /// on this callback.
+  final VoidCallback? onControllerTapped;
+
   const MiniController({
     Key? key,
     required this.castFramework,
+    this.onControllerTapped,
   }) : super(key: key);
 
   Widget _getControls(MediaStatus? status) {
@@ -38,24 +44,28 @@ class MiniController extends StatelessWidget {
       status: status,
     );
 
-    return SizedBox(
+    return InkWell(
-      height: 60,
+      onTap: onControllerTapped,
-      child: Row(
+      child: SizedBox(
-        children: [
+        height: 60,
-          thumbnail,
+        child: Row(
-          Container(width: 12),
+          children: [
-          Expanded(
+            thumbnail,
-            child: Column(
+            Container(width: 12),
-              crossAxisAlignment: CrossAxisAlignment.start,
+            Expanded(
-              mainAxisAlignment: MainAxisAlignment.center,
+              child: Column(
-              children: [
+                crossAxisAlignment: CrossAxisAlignment.start,
-                title,
+                mainAxisAlignment: MainAxisAlignment.center,
-                subtitle,
+                children: [
-              ],
+                  title,
+                  subtitle,
+                ],
+              ),
             ),
-          ),
+            // ),
-          playPauseButton,
+            playPauseButton,
-        ],
+          ],
+        ),
       ),
     );
   }