outsourced play/pause button in controlButtons widget

lib/homepage.dart

@@ -130,24 +130,7 @@ class HomePage extends StatelessWidget {
                       child: Icon(Icons.skip_previous_outlined)),
                   onPressed: skipPrevious,
                 ),
-                playerState.isPaused
-                    ? IconButton(
-                        icon: const Icon(Icons.play_arrow_outlined),
-                        iconSize: 50,
-                        onPressed: (){
-                          var state = MusicPlayerState.of(context);
-                          SpotifySdk.resume().then((value) => state.rebuildStream.sink.add(Null));
-                        }
-                      )
-                    : IconButton(
-                        icon: const Icon(Icons.pause_outlined),
-                        iconSize: 50,
-                        color: primaryColor,
-                        onPressed: (){
-                          var state = MusicPlayerState.of(context);
-                          SpotifySdk.pause().then((value) => state.rebuildStream.sink.add(Null));
-                        }
-                      ),
+                ControlButtons(),
                 IconButton(
                   iconSize: 50.0,
                   icon: const Padding(
@@ -165,15 +148,8 @@ class HomePage extends StatelessWidget {
 
 
 
-  Future getPlayerState() async {
-    try {
-      return await SpotifySdk.getPlayerState();
-    } on PlatformException catch (e) {
-      setStatus(e.code, message: e.message);
-    } on MissingPluginException {
-      setStatus('not implemented');
-    }
-  }
+
+
 
   Future<void> queue(String songId) async {
     try {
@@ -265,6 +241,42 @@ class HomePage extends StatelessWidget {
 
     ScaffoldMessenger.of(context).showSnackBar(snackBar);
   }
+
+}
+
+class ControlButtons extends StatelessWidget {
+  const ControlButtons({
+    Key? key,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    if(MusicPlayerState.of(context).playerState == null){
+      return const Text("PlayState is Null");
+    } else {
+      if (MusicPlayerState.of(context).playerState!.isPaused) {
+        return IconButton(
+            icon: const Icon(Icons.play_arrow_outlined),
+            iconSize: 50,
+            onPressed: () {
+              var state = MusicPlayerState.of(context);
+              SpotifySdk.resume()
+                  .then((value) => state.updatePlayerState());
+            });
+      } else {
+        return IconButton(
+          icon: const Icon(Icons.pause_outlined),
+          iconSize: 50,
+          color: primaryColor,
+          onPressed: () {
+            var state = MusicPlayerState.of(context);
+            SpotifySdk.pause()
+                .then((value) => state.updatePlayerState());
+          },
+        );
+      }
+    }
+  }
 }
 
 Color darken(Color color, [double amount = .1]) {

lib/main.dart

@@ -3,6 +3,7 @@ import 'package:ambient/widgets/MusicPlayerState.dart';
 import 'package:ambient/widgets/navbars.dart';
 import 'package:firebase_core/firebase_core.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
 import 'package:flutter_dotenv/flutter_dotenv.dart';
 import 'package:spotify_sdk/models/player_state.dart';
 import 'package:spotify_sdk/spotify_sdk.dart';
@@ -138,31 +139,14 @@ class MusicBar extends StatelessWidget {
               child: Row(
                 children: [
                   MusicPlayerState.of(context).albumImage,
-                  playerState.isPaused
-                      ? IconButton(
-                    icon: Icon(Icons.play_arrow_outlined),
-                    iconSize: 50,
-                    onPressed: (){
-                      var state = MusicPlayerState.of(context);
-                      SpotifySdk.resume().then((value) => state.rebuildStream.sink.add(Null));
-                    }
-                    )
-                      : IconButton(
-                    icon: Icon(Icons.pause_outlined),
-                    iconSize: 50,
-                    color: primaryColor,
-                    onPressed:() {
-                      var state = MusicPlayerState.of(context);
-                      SpotifySdk.pause().then((value) => state.rebuildStream.sink.add(Null));
-                    },
-
-                  ),
+                  ControlButtons(),
                 ],
               ),
             );
           });
     } else {
-      return Text("not Connected");
+      return const Text("not Connected");
     }
   }
 }
+

lib/widgets/musicPlayerState.dart

@@ -4,6 +4,7 @@ import 'package:flutter/services.dart';
 import 'package:flutter/widgets.dart';
 import 'package:flutter_dotenv/flutter_dotenv.dart';
 import 'package:spotify_sdk/models/image_uri.dart';
+import 'package:spotify_sdk/models/player_state.dart';
 import 'package:spotify_sdk/spotify_sdk.dart';
 
 
@@ -12,10 +13,13 @@ class MusicPlayerState extends InheritedWidget {
 
   bool loading = false;
   bool connected = false;
-  StreamController<void> rebuildStream = new StreamController.broadcast();
+  StreamController<void> rebuildStream = StreamController.broadcast();
+  StreamController<void> playStatedStream = StreamController.broadcast();
+  late PlayerState ?playerState;
   late ImageUri? currentTrackImageUri;
   late Image albumImage;
 
+
   static MusicPlayerState? maybeOf(BuildContext context) =>
       context.dependOnInheritedWidgetOfExactType<MusicPlayerState>();
 
@@ -30,6 +34,10 @@ class MusicPlayerState extends InheritedWidget {
     rebuildStream.sink.add(Null);
   }
 
+  void updatePlayerState() async {
+    playerState = await getPlayerState();
+    rebuildStream.sink.add(Null);
+  }
 
   Future<void> disconnect() async {
     try {
@@ -56,6 +64,9 @@ class MusicPlayerState extends InheritedWidget {
       setStatus(result
           ? 'connect to spotify successful'
           : 'connect to spotify failed');
+      if(result){
+        playerState = await getPlayerState();
+      }
       setLoading(false);
       isConnected = result;
     } on PlatformException catch (e) {
@@ -96,11 +107,22 @@ class MusicPlayerState extends InheritedWidget {
         });
   }
 
+
   void setStatus(String code, {String? message}) {
     var text = message ?? '';
     print(text);
   }
 
+  Future<PlayerState?> getPlayerState() async {
+    try {
+      return await SpotifySdk.getPlayerState();
+    } on PlatformException catch (e) {
+      setStatus(e.code, message: e.message);
+    } on MissingPluginException {
+      setStatus('not implemented');
+    }
+  }
+  
   @override
   bool updateShouldNotify(covariant MusicPlayerState oldWidget) {
     return loading != oldWidget.loading && connected != oldWidget.connected;