What's New in SwiftUI (iOS 27)

 import SwiftUI
 
−// Pre-iOS 27: No visibilityPriority, no ToolbarOverflowMenu, no topBarPinnedTrailing.
−// Developers manually managed overflow via conditional rendering or hidden menus.
−struct StickerEditorViewLegacy: View {
+struct StickerEditorView: View {
     @State private var stickers: [String] = ["🐶", "🐱", "🌟"]
     @State private var isSharing = false
−    @Environment(\.horizontalSizeClass) private var sizeClass
+    @State private var isExporting = false
+    @Environment(\.appearsActive) private var appearsActive
 
     var body: some View {
         ScrollView {
             LazyVGrid(columns: [GridItem(.adaptive(minimum: 80))], spacing: 16) {
                 ForEach(stickers, id: \.self) { sticker in
                     Text(sticker)
                         .font(.system(size: 48))
                         .padding()
                         .background(.regularMaterial, in: RoundedRectangle(cornerRadius: 12))
                 }
             }
             .padding()
         }
         .navigationTitle("Sticker Page")
         .toolbar {
−            ToolbarItemGroup(placement: .navigationBarLeading) {
+            // High-priority editing actions — keep visible when space is limited
+            ToolbarItemGroup(placement: .automatic) {
                 Button("Undo", systemImage: "arrow.uturn.backward") {
                     stickers.removeLast()
                 }
                 Button("Redo", systemImage: "arrow.uturn.forward") {
                     stickers.append("⭐️")
                 }
             }
−            ToolbarItemGroup(placement: .navigationBarTrailing) {
−                // All items competed for space with no priority control;
−                // compact size class required manual conditional hiding.
−                if sizeClass == .regular {
−                    Button("Export", systemImage: "photo.on.rectangle") { }
+            .visibilityPriority(.high)
+
+            // Secondary actions always tucked into overflow menu
+            ToolbarOverflowMenu {
+                Button("Change Photo", systemImage: "photo") { }
+                Button("Export as Image", systemImage: "photo.on.rectangle") {
+                    isExporting = true
                 }
−                Menu {
−                    Button("Change Photo") { }
−                    Button("Clear", role: .destructive) { stickers.removeAll() }
−                } label: {
−                    Image(systemName: "ellipsis.circle")
+                Button("Clear Stickers", systemImage: "trash", role: .destructive) {
+                    stickers.removeAll()
                 }
+            }
+
+            // Share button is always pinned to the trailing edge — never hidden
+            ToolbarItem(placement: .topBarPinnedTrailing) {
                 Button("Share", systemImage: "square.and.arrow.up") {
                     isSharing = true
                 }
             }
         }
+        // Collapse nav bar on scroll down to maximise sticker grid space
+        .toolbarMinimizeBehavior(.onScrollDown, for: .navigationBar)
+        .sheet(isPresented: $isSharing) {
+            ShareLink(items: stickers) {
+                Label("Share Stickers", systemImage: "square.and.arrow.up")
+            }
+            .presentationDetents([.medium])
+        }
     }
 }
 
 #Preview {
     NavigationStack {
−        StickerEditorViewLegacy()
+        StickerEditorView()
     }
 }