fix(PlayControlsFAB): 更新播放控制悬浮按钮图标和标签，优化缓冲状态显示

thoulee21 · Dec 14, 2024 · dcae213 · dcae213
1 parent 5494c3b
commit dcae213
Showing 1 changed file with 4 additions and 8 deletions.
diff --git a/src/components/PlayControlsFAB.tsx b/src/components/PlayControlsFAB.tsx
@@ -16,16 +16,12 @@ export const PlayControlsFAB = () => {
   return (
     <Portal>
       <FAB.Group
-        icon={playing
-          ? 'pause-circle-outline'
-          : 'play-circle-outline'}
+        icon={bufferingDuringPlay
+          ? 'loading'
+          : playing ? 'pause' : 'play'}
         open={open}
         visible={!!track}
-        label={
-          !bufferingDuringPlay
-            ? playing ? 'Pause' : 'Play'
-            : 'Buffering...'
-        }
+        variant="secondary"
         toggleStackOnLongPress
         onPress={() => {
           HapticFeedback.trigger(