Screen covered with transparent gray color

[MrJamer]

Is there an existing issue for this? (Please read the description)

• I have searched the existing issues

Current Behavior

For no reason after I played the song the whole app just got covered with gray and it stays like that everywhere (see the attached screenshot). After clicking the "My library" at the bottom panel it got away.

Expected Behavior

Have the screen not covered with gray thus ensuring a seemless user-experience.

Steps to reproduce

Actually I have no clue how to recreate that issue. The only thing happened was that I just played a song in an album, then the screen suddenly became filled with gray.

Logs

Sending a big chunk of logs because I'm not sure at what time this issue occurred. Maybe it is not even there.

ndleDrawFrame (package:flutter/src/scheduler/binding.dart:1200)
#30 _rootRun (dart:async/zone.dart:1525)
#31 _CustomZone.run (dart:async/zone.dart:1422)
#32 _CustomZone.runGuarded (dart:async/zone.dart:1321)
#33 _invoke (dart:ui/hooks.dart:332)
#34 PlatformDispatcher._drawFrame (dart:ui/platform_dispatcher.dart:444)
#35 _drawFrame (dart:ui/hooks.dart:302)

---

[2025-12-28 15:56:45.207342]---------------------
Null check operator used on a null value
#0 SpotubeImageExtensions.asUrlString. (package:spotube/models/metadata/image.dart:36)
#1 Sort._insertionSort (dart:_internal/sort.dart:77)
#2 Sort._doSort (dart:_internal/sort.dart:62)
#3 Sort.sort (dart:_internal/sort.dart:33)
#4 ListBase.sort (dart:collection/list.dart:321)
#5 IterableExtension.sorted (package:collection/src/iterable_extensions.dart:66)
#6 SpotubeImageExtensions.asUrlString (package:spotube/models/metadata/image.dart:36)
#7 BottomPlayer.build. (package:spotube/modules/root/bottom_player.dart:39)
#8 _MemoizedHookState.value (package:flutter_hooks/src/primitives.dart:82)
#9 _MemoizedHookState.build (package:flutter_hooks/src/primitives.dart)
#10 HookElement._use (package:flutter_hooks/src/framework.dart:486)
#11 Hook.use (package:flutter_hooks/src/framework.dart:139)
#12 use (package:flutter_hooks/src/framework.dart:18)
#13 useMemoized (package:flutter_hooks/src/primitives.dart:61)
#14 BottomPlayer.build (package:spotube/modules/root/bottom_player.dart:37)
#15 _ConsumerState.build (package:flutter_riverpod/src/consumer.dart:476)
#16 StatefulElement.build (package:flutter/src/widgets/framework.dart:5833)
#17 ConsumerStatefulElement.build (package:flutter_riverpod/src/consumer.dart:539)
#18 HookElement.build (package:flutter_hooks/src/framework.dart:438)
#19 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5723)
#20 StatefulElement.performRebuild (package:flutter/src/widgets/framework.dart:5884)
#21 Element.rebuild (package:flutter/src/widgets/framework.dart:5435)
#22 BuildScope._tryRebuild (package:flutter/src/widgets/framework.dart:2695)
#23 BuildScope._flushDirtyElements (package:flutter/src/widgets/framework.dart:2752)
#24 BuildOwner.buildScope (package:flutter/src/widgets/framework.dart:3056)
#25 WidgetsBinding.drawFrame (package:flutter/src/widgets/binding.dart:1259)
#26 RendererBinding._handlePersistentFrameCallback (package:flutter/src/rendering/binding.dart:495)
#27 SchedulerBinding._invokeFrameCallback (package:flutter/src/scheduler/binding.dart:1434)
#28 SchedulerBinding.handleDrawFrame (package:flutter/src/scheduler/binding.dart:1347)
#29 SchedulerBinding._handleDrawFrame (package:flutter/src/scheduler/binding.dart:1200)
#30 _rootRun (dart:async/zone.dart:1525)
#31 _CustomZone.run (dart:async/zone.dart:1422)
#32 _CustomZone.runGuarded (dart:async/zone.dart:1321)
#33 _invoke (dart:ui/hooks.dart:332)
#34 PlatformDispatcher._drawFrame (dart:ui/platform_dispatcher.dart:444)
#35 _drawFrame (dart:ui/hooks.dart:302)

---

[2025-12-28 15:56:45.403698]---------------------
Null check operator used on a null value
#0 SpotubeImageExtensions.asUrlString. (package:spotube/models/metadata/image.dart:36)
#1 Sort._insertionSort (dart:_internal/sort.dart:77)
#2 Sort._doSort (dart:_internal/sort.dart:62)
#3 Sort.sort (dart:_internal/sort.dart:33)
#4 ListBase.sort (dart:collection/list.dart:321)
#5 IterableExtension.sorted (package:collection/src/iterable_extensions.dart:66)
#6 SpotubeImageExtensions.asUrlString (package:spotube/models/metadata/image.dart:36)
#7 BottomPlayer.build. (package:spotube/modules/root/bottom_player.dart:39)
#8 _MemoizedHookState.value (package:flutter_hooks/src/primitives.dart:82)
#9 _MemoizedHookState.build (package:flutter_hooks/src/primitives.dart)
#10 HookElement._use (package:flutter_hooks/src/framework.dart:486)
#11 Hook.use (package:flutter_hooks/src/framework.dart:139)
#12 use (package:flutter_hooks/src/framework.dart:18)
#13 useMemoized (package:flutter_hooks/src/primitives.dart:61)
#14 BottomPlayer.build (package:spotube/modules/root/bottom_player.dart:37)
#15 _ConsumerState.build (package:flutter_riverpod/src/consumer.dart:476)
#16 StatefulElement.build (package:flutter/src/widgets/framework.dart:5833)
#17 ConsumerStatefulElement.build (package:flutter_riverpod/src/consumer.dart:539)
#18 HookElement.build (package:flutter_hooks/src/framework.dart:438)
#19 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5723)
#20 StatefulElement.performRebuild (package:flutter/src/widgets/framework.dart:5884)
#21 Element.rebuild (package:flutter/src/widgets/framework.dart:5435)
#22 BuildScope._tryRebuild (package:flutter/src/widgets/framework.dart:2695)
#23 BuildScope._flushDirtyElements (package:flutter/src/widgets/framework.dart:2752)
#24 BuildOwner.buildScope (package:flutter/src/widgets/framework.dart:3056)
#25 WidgetsBinding.drawFrame (package:flutter/src/widgets/binding.dart:1259)
#26 RendererBinding._handlePersistentFrameCallback (package:flutter/src/rendering/binding.dart:495)
#27 SchedulerBinding._invokeFrameCallback (package:flutter/src/scheduler/binding.dart:1434)
#28 SchedulerBinding.handleDrawFrame (package:flutter/src/scheduler/binding.dart:1347)
#29 SchedulerBinding._handleDrawFrame (package:flutter/src/scheduler/binding.dart:1200)
#30 _rootRun (dart:async/zone.dart:1525)
#31 _CustomZone.run (dart:async/zone.dart:1422)
#32 _CustomZone.runGuarded (dart:async/zone.dart:1321)
#33 _invoke (dart:ui/hooks.dart:332)
#34 PlatformDispatcher._drawFrame (dart:ui/platform_dispatcher.dart:444)
#35 _drawFrame (dart:ui/hooks.dart:302)

---

[2025-12-28 15:56:45.729209]---------------------
DioException [bad response]: This exception was thrown because the response has a status code of 401 and RequestOptions.validateStatus was configured to throw for this status code.
The status code of 401 has the following meaning: "Client error - the request contains bad syntax or cannot be fulfilled"
Read more about status codes at https://developer.mozilla.org/en-US/docs/Web/HTTP/Status
In order to resolve this exception you typically have either to verify and fix your request code or you have to fix the server code.

#0 DioMixin.fetch (package:dio/src/dio_mixin.dart:523)

#1 HttpClient.request (package:hetu_std/http/http.dart:146)

#2 HttpClient.post (package:hetu_std/http/http.dart:189)

#3 StreamBinding.hFetch.. (package:hetu_std/stream/stream.binding.dart:84)

#4 StreamBinding.hFetch.. (package:hetu_std/stream/stream.binding.dart:84)

#5 MetadataPluginTrackEndpoint.radio (package:spotube/services/metadata/endpoints/track.dart:31)

#6 useEndlessPlayback..listener (package:spotube/hooks/configurators/use_endless_playback.dart:27)

---

[2025-12-28 15:57:09.751946]---------------------
Null check operator used on a null value
#0 SpotubeImageExtensions.asUrlString. (package:spotube/models/metadata/image.dart:36)
#1 Sort._insertionSort (dart:_internal/sort.dart:77)
#2 Sort._doSort (dart:_internal/sort.dart:62)
#3 Sort.sort (dart:_internal/sort.dart:33)
#4 ListBase.sort (dart:collection/list.dart:321)
#5 IterableExtension.sorted (package:collection/src/iterable_extensions.dart:66)
#6 SpotubeImageExtensions.asUrlString (package:spotube/models/metadata/image.dart:36)
#7 ServerPlaybackRoutes.streamTrack. (package:spotube/provider/server/routes/playback.dart:253)

Operating System

Android 12

Spotube version

5.1.0

Installation source

Website (spotube.krtirtho.dev)

Additional information

The issue didn't affect the whol functionality, it's just a visual bug I guess.

Self grab

• I'm ready to work on this issue!

[hirok2005]

Facing same issue on android device and arch linux AUR install

[OstudaHanba]

Same on Windows

[supermariolle]

likely duplicate of #2918

[MrJamer]

So that means when the issue is already resolved I can just update the app, right?

[supermariolle]

@MrJamer When it is resolved, yes. I have checked the PR but I'm mr nobody here. Somebody else needs to approve. However, it seems like a fix that will solve the issue. I also don't know the deployment pipeline in details so i don't know when the updated build will be released

[MrJamer]

Okay, then we just wait