尝试消除ios播放页全屏底部空白条

添加flutter_launcher_icons生成ios平台图标

.vscode/settings.json

@@ -23,6 +23,7 @@
     "Vaani"
   ],
   "dart.flutterSdkPath": ".fvm/versions/3.32.0",
+  "dart.lineLength": 80,
   "files.exclude": {
     "**/*.freezed.dart": true,
     "**/*.g.dart": true

ios/Runner.xcodeproj/project.pbxproj

@@ -428,7 +428,7 @@
 			isa = XCBuildConfiguration;
 			buildSettings = {
 				ALWAYS_SEARCH_USER_PATHS = NO;
-				ASSETCATALOG_COMPILER_GENERATE_SWIFT_ASSET_SYMBOL_EXTENSIONS = YES;
+				ASSETCATALOG_COMPILER_GENERATE_SWIFT_ASSET_SYMBOL_EXTENSIONS = AppIcon;
 				CLANG_ANALYZER_NONNULL = YES;
 				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
 				CLANG_CXX_LIBRARY = "libc++";
@@ -485,7 +485,7 @@
 			isa = XCBuildConfiguration;
 			buildSettings = {
 				ALWAYS_SEARCH_USER_PATHS = NO;
-				ASSETCATALOG_COMPILER_GENERATE_SWIFT_ASSET_SYMBOL_EXTENSIONS = YES;
+				ASSETCATALOG_COMPILER_GENERATE_SWIFT_ASSET_SYMBOL_EXTENSIONS = AppIcon;
 				CLANG_ANALYZER_NONNULL = YES;
 				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
 				CLANG_CXX_LIBRARY = "libc++";

ios/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json

@@ -1,122 +1 @@
-{
-  "images" : [
-    {
-      "size" : "20x20",
-      "idiom" : "iphone",
-      "filename" : "Icon-App-20x20@2x.png",
-      "scale" : "2x"
-    },
-    {
-      "size" : "20x20",
-      "idiom" : "iphone",
-      "filename" : "Icon-App-20x20@3x.png",
-      "scale" : "3x"
-    },
-    {
-      "size" : "29x29",
-      "idiom" : "iphone",
-      "filename" : "Icon-App-29x29@1x.png",
-      "scale" : "1x"
-    },
-    {
-      "size" : "29x29",
-      "idiom" : "iphone",
-      "filename" : "Icon-App-29x29@2x.png",
-      "scale" : "2x"
-    },
-    {
-      "size" : "29x29",
-      "idiom" : "iphone",
-      "filename" : "Icon-App-29x29@3x.png",
-      "scale" : "3x"
-    },
-    {
-      "size" : "40x40",
-      "idiom" : "iphone",
-      "filename" : "Icon-App-40x40@2x.png",
-      "scale" : "2x"
-    },
-    {
-      "size" : "40x40",
-      "idiom" : "iphone",
-      "filename" : "Icon-App-40x40@3x.png",
-      "scale" : "3x"
-    },
-    {
-      "size" : "60x60",
-      "idiom" : "iphone",
-      "filename" : "Icon-App-60x60@2x.png",
-      "scale" : "2x"
-    },
-    {
-      "size" : "60x60",
-      "idiom" : "iphone",
-      "filename" : "Icon-App-60x60@3x.png",
-      "scale" : "3x"
-    },
-    {
-      "size" : "20x20",
-      "idiom" : "ipad",
-      "filename" : "Icon-App-20x20@1x.png",
-      "scale" : "1x"
-    },
-    {
-      "size" : "20x20",
-      "idiom" : "ipad",
-      "filename" : "Icon-App-20x20@2x.png",
-      "scale" : "2x"
-    },
-    {
-      "size" : "29x29",
-      "idiom" : "ipad",
-      "filename" : "Icon-App-29x29@1x.png",
-      "scale" : "1x"
-    },
-    {
-      "size" : "29x29",
-      "idiom" : "ipad",
-      "filename" : "Icon-App-29x29@2x.png",
-      "scale" : "2x"
-    },
-    {
-      "size" : "40x40",
-      "idiom" : "ipad",
-      "filename" : "Icon-App-40x40@1x.png",
-      "scale" : "1x"
-    },
-    {
-      "size" : "40x40",
-      "idiom" : "ipad",
-      "filename" : "Icon-App-40x40@2x.png",
-      "scale" : "2x"
-    },
-    {
-      "size" : "76x76",
-      "idiom" : "ipad",
-      "filename" : "Icon-App-76x76@1x.png",
-      "scale" : "1x"
-    },
-    {
-      "size" : "76x76",
-      "idiom" : "ipad",
-      "filename" : "Icon-App-76x76@2x.png",
-      "scale" : "2x"
-    },
-    {
-      "size" : "83.5x83.5",
-      "idiom" : "ipad",
-      "filename" : "Icon-App-83.5x83.5@2x.png",
-      "scale" : "2x"
-    },
-    {
-      "size" : "1024x1024",
-      "idiom" : "ios-marketing",
-      "filename" : "Icon-App-1024x1024@1x.png",
-      "scale" : "1x"
-    }
-  ],
-  "info" : {
-    "version" : 1,
-    "author" : "xcode"
-  }
-}
+{"images":[{"size":"20x20","idiom":"iphone","filename":"Icon-App-20x20@2x.png","scale":"2x"},{"size":"20x20","idiom":"iphone","filename":"Icon-App-20x20@3x.png","scale":"3x"},{"size":"29x29","idiom":"iphone","filename":"Icon-App-29x29@1x.png","scale":"1x"},{"size":"29x29","idiom":"iphone","filename":"Icon-App-29x29@2x.png","scale":"2x"},{"size":"29x29","idiom":"iphone","filename":"Icon-App-29x29@3x.png","scale":"3x"},{"size":"40x40","idiom":"iphone","filename":"Icon-App-40x40@2x.png","scale":"2x"},{"size":"40x40","idiom":"iphone","filename":"Icon-App-40x40@3x.png","scale":"3x"},{"size":"57x57","idiom":"iphone","filename":"Icon-App-57x57@1x.png","scale":"1x"},{"size":"57x57","idiom":"iphone","filename":"Icon-App-57x57@2x.png","scale":"2x"},{"size":"60x60","idiom":"iphone","filename":"Icon-App-60x60@2x.png","scale":"2x"},{"size":"60x60","idiom":"iphone","filename":"Icon-App-60x60@3x.png","scale":"3x"},{"size":"20x20","idiom":"ipad","filename":"Icon-App-20x20@1x.png","scale":"1x"},{"size":"20x20","idiom":"ipad","filename":"Icon-App-20x20@2x.png","scale":"2x"},{"size":"29x29","idiom":"ipad","filename":"Icon-App-29x29@1x.png","scale":"1x"},{"size":"29x29","idiom":"ipad","filename":"Icon-App-29x29@2x.png","scale":"2x"},{"size":"40x40","idiom":"ipad","filename":"Icon-App-40x40@1x.png","scale":"1x"},{"size":"40x40","idiom":"ipad","filename":"Icon-App-40x40@2x.png","scale":"2x"},{"size":"50x50","idiom":"ipad","filename":"Icon-App-50x50@1x.png","scale":"1x"},{"size":"50x50","idiom":"ipad","filename":"Icon-App-50x50@2x.png","scale":"2x"},{"size":"72x72","idiom":"ipad","filename":"Icon-App-72x72@1x.png","scale":"1x"},{"size":"72x72","idiom":"ipad","filename":"Icon-App-72x72@2x.png","scale":"2x"},{"size":"76x76","idiom":"ipad","filename":"Icon-App-76x76@1x.png","scale":"1x"},{"size":"76x76","idiom":"ipad","filename":"Icon-App-76x76@2x.png","scale":"2x"},{"size":"83.5x83.5","idiom":"ipad","filename":"Icon-App-83.5x83.5@2x.png","scale":"2x"},{"size":"1024x1024","idiom":"ios-marketing","filename":"Icon-App-1024x1024@1x.png","scale":"1x"}],"info":{"version":1,"author":"xcode"}}

lib/features/player/view/player_when_minimized.dart

@@ -144,7 +144,7 @@ class PlayerWhenMinimized extends HookConsumerWidget {
             // value: (progress.data ?? Duration.zero).inSeconds /
             //     player.book!.duration.inSeconds,
             value: (progress.data ?? Duration.zero).inSeconds /
-                player.duration!.inSeconds,
+                (player.duration?.inSeconds ?? 1),
             color: Theme.of(context).colorScheme.onPrimaryContainer,
             backgroundColor: Theme.of(context).colorScheme.primaryContainer,
           ),

lib/router/scaffold_with_nav_bar.dart

@@ -36,8 +36,10 @@ class ScaffoldWithNavBar extends HookConsumerWidget {
 
   @override
   Widget build(BuildContext context, WidgetRef ref) {
+    final size = MediaQuery.of(context).size;
     final playerProgress = ref.watch(playerHeightProvider);
-    final isMobile = Platform.isFuchsia || Platform.isAndroid || Platform.isIOS;
+    final isMobile = Platform.isAndroid || Platform.isIOS || Platform.isFuchsia;
+    final isVertical = size.height > size.width;
     onBackButtonPressed() async {
       final isPlayerExpanded = playerProgress != playerMinHeight;
 
@@ -93,11 +95,14 @@ class ScaffoldWithNavBar extends HookConsumerWidget {
       child: Scaffold(
         body: Stack(
           children: [
-            isMobile ? navigationShell : buildNavLeft(context, ref),
+            isMobile && isVertical
+                ? navigationShell
+                : buildNavLeft(context, ref),
             const AudiobookPlayer(),
           ],
         ),
-        bottomNavigationBar: isMobile ? buildNavBottom(context, ref) : null,
+        bottomNavigationBar:
+            isMobile && isVertical ? buildNavBottom(context, ref) : null,
       ),
     );
   }
@@ -165,63 +170,65 @@ class ScaffoldWithNavBar extends HookConsumerWidget {
     );
   }
 
-  Widget buildNavBottom(BuildContext context, WidgetRef ref) {
-    // playerExpandProgress is used to animate bottom navigation bar to opacity 0 and slide down when player is expanded
-    // final playerProgress =
-    //     useValueListenable(ref.watch(playerExpandProgressNotifierProvider));
+  Widget? buildNavBottom(BuildContext context, WidgetRef ref) {
+    final size = MediaQuery.of(context).size;
     final playerProgress = ref.watch(playerHeightProvider);
-    final playerMaxHeight = MediaQuery.of(context).size.height;
+    final playerMaxHeight = size.height;
     var percentExpandedMiniPlayer = (playerProgress - playerMinHeight) /
         (playerMaxHeight - playerMinHeight);
     // Clamp the value between 0 and 1
     percentExpandedMiniPlayer = percentExpandedMiniPlayer.clamp(0.0, 1.0);
-    return Opacity(
-      // Opacity is interpolated from 1 to 0 when player is expanded
-      opacity: 1 - percentExpandedMiniPlayer,
-      child: NavigationBar(
-        elevation: 0.0,
-        height: bottomBarHeight * (1 - percentExpandedMiniPlayer),
+    return percentExpandedMiniPlayer == 1
+        ? Opacity(
+            // Opacity is interpolated from 1 to 0 when player is expanded
+            opacity: 1 - percentExpandedMiniPlayer,
+            child: NavigationBar(
+              elevation: 0.0,
+              height: bottomBarHeight * (1 - percentExpandedMiniPlayer),
 
-        // TODO: get destinations from the navigationShell
-        // Here, the items of BottomNavigationBar are hard coded. In a real
-        // world scenario, the items would most likely be generated from the
-        // branches of the shell route, which can be fetched using
-        // `navigationShell.route.branches`.
-        destinations: _navigationItems(context).map((item) {
-          final isDestinationLibrary = item.name == S.of(context).library;
-          var currentLibrary = ref.watch(currentLibraryProvider).valueOrNull;
-          final libraryIcon = AbsIcons.getIconByName(
-            currentLibrary?.icon,
-          );
-          final destinationWidget = NavigationDestination(
-            icon: Icon(
-              isDestinationLibrary ? libraryIcon ?? item.icon : item.icon,
+              // TODO: get destinations from the navigationShell
+              // Here, the items of BottomNavigationBar are hard coded. In a real
+              // world scenario, the items would most likely be generated from the
+              // branches of the shell route, which can be fetched using
+              // `navigationShell.route.branches`.
+              destinations: _navigationItems(context).map((item) {
+                final isDestinationLibrary = item.name == S.of(context).library;
+                var currentLibrary =
+                    ref.watch(currentLibraryProvider).valueOrNull;
+                final libraryIcon = AbsIcons.getIconByName(
+                  currentLibrary?.icon,
+                );
+                final destinationWidget = NavigationDestination(
+                  icon: Icon(
+                    isDestinationLibrary ? libraryIcon ?? item.icon : item.icon,
+                  ),
+                  selectedIcon: Icon(
+                    isDestinationLibrary
+                        ? libraryIcon ?? item.activeIcon
+                        : item.activeIcon,
+                  ),
+                  label: isDestinationLibrary
+                      ? currentLibrary?.name ?? item.name
+                      : item.name,
+                  tooltip: item.tooltip,
+                );
+                if (isDestinationLibrary) {
+                  return GestureDetector(
+                    onSecondaryTap: () => showLibrarySwitcher(context, ref),
+                    onDoubleTap: () => showLibrarySwitcher(context, ref),
+                    child:
+                        destinationWidget, // Wrap the actual NavigationDestination
+                  );
+                } else {
+                  // Return the unwrapped destination for other items
+                  return destinationWidget;
+                }
+              }).toList(),
+              selectedIndex: navigationShell.currentIndex,
+              onDestinationSelected: (int index) => _onTap(context, index, ref),
             ),
-            selectedIcon: Icon(
-              isDestinationLibrary
-                  ? libraryIcon ?? item.activeIcon
-                  : item.activeIcon,
-            ),
-            label: isDestinationLibrary
-                ? currentLibrary?.name ?? item.name
-                : item.name,
-            tooltip: item.tooltip,
-          );
-          if (isDestinationLibrary) {
-            return GestureDetector(
-              onSecondaryTap: () => showLibrarySwitcher(context, ref),
-              onDoubleTap: () => showLibrarySwitcher(context, ref),
-              child: destinationWidget, // Wrap the actual NavigationDestination
-            );
-          } else {
-            // Return the unwrapped destination for other items
-            return destinationWidget;
-          }
-        }).toList(),
-        selectedIndex: navigationShell.currentIndex,
-        onDestinationSelected: (int index) => _onTap(context, index, ref),
-      ),
-    );
+          )
+        : null;
   }
 
   List<_NavigationItem> _navigationItems(BuildContext context) {

pubspec.yaml

@@ -108,6 +108,7 @@ dev_dependencies:
   json_serializable: ^6.8.0
   riverpod_generator: ^2.4.2
   riverpod_lint: ^2.3.10
+  flutter_launcher_icons: "^0.14.4"
 
 # For information on the generic Dart part of this file, see the
 # following page: https://dart.dev/tools/pub/pubspec
@@ -156,3 +157,9 @@ flutter:
         - asset: assets/fonts/AbsIcons.ttf
 flutter_intl:
   enabled: true
+
+flutter_launcher_icons:
+  android: false # 如果只为iOS配置，可关闭Android
+  ios: true
+  image_path: "assets/icon/logo.png" # 你的1024x1024源图标路径
+  remove_alpha_ios: true # 建议设为true，移除透明度，符合App Store审核要求[citation:6]