fix: allow to manually move dev menu to avoid conflicts

Author: okwasniewski

packages/react-native/Libraries/SwiftExtensions/RCTMainWindow.swift

@@ -22,7 +22,7 @@ public struct RCTMainWindow: Scene {
   var moduleName: String
   var initialProps: RCTRootViewRepresentable.InitialPropsType
   var onOpenURLCallback: ((URL) -> ())?
-  var devMenuPlacement: ToolbarPlacement = .bottomOrnament
+  var devMenuPlacement: OrnamentAttachmentAnchor? = .scene(.bottom)
   var contentView: AnyView?
 
   var rootView: RCTRootViewRepresentable {
@@ -38,7 +38,7 @@ public struct RCTMainWindow: Scene {
   public init(
     moduleName: String,
     initialProps: RCTRootViewRepresentable.InitialPropsType = nil,
-    devMenuPlacement: ToolbarPlacement = .bottomOrnament
+    devMenuPlacement: OrnamentAttachmentAnchor? = .scene(.bottom)
   ) {
     self.moduleName = moduleName
     self.initialProps = initialProps
@@ -56,7 +56,7 @@ public struct RCTMainWindow: Scene {
   public init<Content: View>(
     moduleName: String,
     initialProps: RCTRootViewRepresentable.InitialPropsType = nil,
-    devMenuPlacement: ToolbarPlacement = .bottomOrnament,
+    devMenuPlacement: OrnamentAttachmentAnchor? = .scene(.bottom),
     @ViewBuilder contentView: @escaping (_ view: RCTRootViewRepresentable) -> Content
   ) {
     self.moduleName = moduleName
@@ -73,8 +73,10 @@ public struct RCTMainWindow: Scene {
           onOpenURLCallback?(url)
         })
 #if DEBUG
-        .toolbar {
-          DevMenuView(placement: .bottomOrnament)
+        .if(devMenuPlacement != nil) { content in
+          content.ornament(attachmentAnchor: devMenuPlacement!) {
+            DevMenuView()
+          }
         }
 #endif
     }
@@ -142,18 +144,14 @@ public struct WindowHandlingModifier: ViewModifier {
 /**
  Toolbar which displays additional controls to easily open dev menu and trigger reload command.
  */
-struct DevMenuView: ToolbarContent {
-  let placement: ToolbarItemPlacement
-  
-  var body: some ToolbarContent {
-    ToolbarItem(placement: placement) {
+struct DevMenuView: View {
+  var body: some View {
+    VStack {
       Button(action: {
         RCTTriggerReloadCommandListeners("User Reload")
       }, label: {
         Image(systemName: "arrow.clockwise")
       })
-    }
-    ToolbarItem(placement: placement) {
       Button(action: {
         NotificationCenter.default.post(
           Notification(name: Notification.Name("RCTShowDevMenuNotification"), object: nil)
@@ -162,6 +160,21 @@ struct DevMenuView: ToolbarContent {
              label: {
         Image(systemName: "filemenu.and.selection")
       })
-    }
+    }.glassBackgroundEffect()
   }
 }
+
+extension View {
+    /// Applies the given transform if the given condition evaluates to `true`.
+    /// - Parameters:
+    ///   - condition: The condition to evaluate.
+    ///   - transform: The transform to apply to the source `View`.
+    /// - Returns: Either the original `View` or the modified `View` if the condition is `true`.
+    @ViewBuilder func `if`<Content: View>(_ condition: @autoclosure () -> Bool, transform: (Self) -> Content) -> some View {
+        if condition() {
+            transform(self)
+        } else {
+            self
+        }
+    }
+}