Eigene Seitenleiste — überall dieselbe

Die System-Seitenleiste sitzt auf dem iPad als schwebende Fläche und auf dem Mac angeklebt am Fensterrand. `preferredLayout = .overlap` ist die dafür vorgesehene Bitte, und macOS verwirft sie stillschweigend — gemessen, nicht vermutet. Statt deshalb die ganze Navigation neu zu bauen, bleibt der `TabView` stehen und verliert nur sein Kleid: `TabChromeSuppressor` blendet Seiten- und Tableiste aus, gezeichnet wird darüber. Auswahl, ein eigener Navigationsstapel je Eintrag, erhaltener Scrollstand beim Wechseln — all das macht weiter das System. Dass das Ausblenden geht, war kein Ratschluss: derselbe Griff hatte die Leiste vorher schon versuchsweise verschwinden lassen. Neu sind `FlixySidebar` (schwebende Fläche mit eigenem Rand, Mediatheken einklappbar, Konto unten) und `FlixyTopBar` (dieselben Einträge als Leiste oben, Mediatheken als Menü, weil oben der Platz waagerecht begrenzt ist). Das iPhone bleibt beim System: dort gibt es keine Seitenleiste, sondern die Leiste unten, und die ist überall dieselbe. Der Platz für die Leiste ist ein **Sicherheitsrand**, kein Abstand, und er hängt je Bildschirm — weder `TabView` noch `NavigationStack` reichen ihn an ihren Inhalt weiter. Damit bleibt eine Reihe fensterbreit und schiebt ihre Kacheln beim Wischen hinter die Leiste, stellt aber im Ruhezustand keine dorthin. Der Aufmacher darf über seinen Bereich hinaus; das `.clipped()` im Karussell musste dafür weichen, es schnitt genau das ab. Noch nicht dabei: „Bearbeiten" mit Ziehen und Ein-/Ausblenden. Die Einträge stehen in fester Reihenfolge. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2026-09-13 19:17:27 +02:00
parent b4c2bd3970
commit fccec1217b
9 changed files with 4257 additions and 3814 deletions
@@ -0,0 +1,69 @@
+#if os(iOS)
+import SwiftUI
+import UIKit
+
+/// Blendet die vom System gezeichnete Seitenleiste und Tableiste aus.
+///
+/// Der Grund ist das Aussehen, nicht das Verhalten. `UITabBarController`
+/// zeichnet seine Seitenleiste auf dem iPad als schwebende Fläche und auf dem
+/// Mac angeklebt am Fensterrand — und das lässt sich nicht umstellen.
+/// `preferredLayout = .overlap` ist die dafür vorgesehene Bitte; macOS verwirft
+/// sie stillschweigend. Gemessen, nicht vermutet.
+///
+/// Statt deshalb die ganze Navigation selbst zu bauen, bleibt der
+/// `TabView` **stehen** und verliert nur sein Kleid: Auswahl, getrennte
+/// Navigationsstapel je Eintrag, erhaltener Scrollstand beim Wechseln,
+/// Zustandspflege — all das macht weiter das System. Gezeichnet wird darüber.
+///
+/// Dass das geht, war kein Ratschluss: derselbe Griff hat die Leiste
+/// versuchsweise schon einmal verschwinden lassen.
+struct TabChromeSuppressor: UIViewControllerRepresentable {
+    func makeUIViewController(context: Context) -> UIViewController { Probe() }
+    func updateUIViewController(_ controller: UIViewController, context: Context) {}
+
+    /// Ein Controller, der nichts zeigt und nur da ist, um im Baum zu stehen.
+    private final class Probe: UIViewController {
+        override func didMove(toParent parent: UIViewController?) {
+            super.didMove(toParent: parent)
+            suppress()
+        }
+
+        override func viewDidAppear(_ animated: Bool) {
+            super.viewDidAppear(animated)
+            // Ein zweites Mal: beim ersten Anhängen steht der Tab-Controller
+            // noch nicht zwingend im Baum.
+            suppress()
+        }
+
+        override func viewWillLayoutSubviews() {
+            super.viewWillLayoutSubviews()
+            // Und bei jedem Umbau: das System stellt die Leisten wieder her,
+            // wenn sich die Größenklasse ändert — beim Drehen etwa.
+            suppress()
+        }
+
+        private func suppress() {
+            guard let controller = Self.tabBarController(from: self) else { return }
+            if !controller.sidebar.isHidden { controller.sidebar.isHidden = true }
+            if !controller.isTabBarHidden { controller.isTabBarHidden = true }
+        }
+
+        /// Sucht vom eigenen Platz aus nach oben bis zur Wurzel und von dort
+        /// nach unten: die Leiste liegt in der SwiftUI-Sicht *über* uns, die
+        /// reine Elternkette führt an ihr vorbei.
+        private static func tabBarController(from start: UIViewController) -> UITabBarController? {
+            var root = start
+            while let parent = root.parent { root = parent }
+            return search(root)
+        }
+
+        private static func search(_ controller: UIViewController) -> UITabBarController? {
+            if let found = controller as? UITabBarController { return found }
+            for child in controller.children {
+                if let found = search(child) { return found }
+            }
+            return nil
+        }
+    }
+}
+#endif