expo-dev-menu 55.0.7 → 55.0.9

package/CHANGELOG.md

@@ -10,6 +10,14 @@
 
 ### 💡 Others
 
+## 55.0.9 — 2026-02-25
+
+_This version does not introduce any user-facing changes._
+
+## 55.0.8 — 2026-02-25
+
+_This version does not introduce any user-facing changes._
+
 ## 55.0.7 — 2026-02-20
 
 ### 💡 Others

package/android/build.gradle

@@ -12,7 +12,7 @@ apply plugin: 'expo-module-gradle-plugin'
 apply plugin: 'org.jetbrains.kotlin.plugin.compose'
 
 group = 'host.exp.exponent'
-version = '55.0.7'
+version = '55.0.9'
 
 def hasDevLauncher = findProject(":expo-dev-launcher") != null
 def configureInRelease = findProperty("expo.devmenu.configureInRelease") == "true"
@@ -29,7 +29,7 @@ android {
 
   defaultConfig {
     versionCode 10
-    versionName '55.0.7'
+    versionName '55.0.9'
   }
 
   buildTypes {

package/ios/DevMenuManager.swift

@@ -547,9 +547,9 @@ open class DevMenuManager: NSObject {
     fabWindow = DevMenuFABWindow(manager: self, windowScene: windowScene)
   }
 
-  public func updateFABVisibility(menuDismissing: Bool = false) {
+  public func updateFABVisibility() {
     DispatchQueue.main.async { [weak self] in
-      guard let self = self else { return }
+      guard let self else { return }
 
       if self.fabWindow == nil {
         if let windowScene = UIApplication.shared.connectedScenes
@@ -559,7 +559,7 @@ open class DevMenuManager: NSObject {
       }
 
       let shouldShow = DevMenuPreferences.showFloatingActionButton
-        && (menuDismissing || !self.isVisible)
+        && !self.isVisible
         && self.currentBridge != nil
         && !self.isNavigatingHome
         && DevMenuPreferences.isOnboardingFinished
@@ -567,7 +567,7 @@ open class DevMenuManager: NSObject {
     }
   }
   #else
-  public func updateFABVisibility(menuDismissing: Bool = false) {
+  public func updateFABVisibility() {
     // FAB not available on macOS/tvOS
   }
   #endif

package/ios/DevMenuWindow-default.swift

@@ -103,12 +103,11 @@ class DevMenuWindow: UIWindow, PresentationControllerDelegate {
       self.backgroundColor = .clear
     }
 
-    DevMenuManager.shared.updateFABVisibility(menuDismissing: true)
-
     devMenuViewController.dismiss(animated: true) {
       self.isDismissing = false
       self.isHidden = true
       self.backgroundColor = UIColor(white: 0, alpha: 0.4)
+      DevMenuManager.shared.updateFABVisibility()
       completion?()
     }
   }

package/ios/DevMenuWindow-macOS.swift

@@ -100,7 +100,7 @@ class DevMenuWindow: NSObject, AnyObject {
       ctx.duration = 0.3
       overlay.animator().alphaValue = 0.0
     }, completionHandler: { [weak self] in
-      guard let self = self else { return }
+      guard let self else { return }
       overlay.removeFromSuperview()
       self.overlayView = nil
       self.hostingView = nil

package/ios/FAB/DevMenuFABView.swift

@@ -6,8 +6,8 @@ import SwiftUI
 
 enum FABConstants {
   static let iconSize: CGFloat = 44
-  static let margin: CGFloat = 16
-  static let verticalPadding: CGFloat = 20
+  static let margin: CGFloat = 10
+  static let verticalPadding: CGFloat = 0
   static let dragThreshold: CGFloat = 10
   static let momentumFactor: CGFloat = 0.35
   static let labelDismissDelay: TimeInterval = 10
@@ -52,7 +52,7 @@ struct FabPill: View {
         }
 
       if showLabel {
-        Text("Dev menu")
+        Text("Tools")
           .font(.system(size: 11, weight: .medium))
           .foregroundStyle(.secondary)
           .fixedSize()
@@ -77,15 +77,6 @@ struct FabPill: View {
     }
   }
 
-  @ViewBuilder
-  private var actionButton: some View {
-    if #available(iOS 26.0, *) {
-      liquidGlassButton
-    } else {
-      classicButton
-    }
-  }
-
   private func startIdleTimer() {
     idleTask?.cancel()
     idleTask = Task {
@@ -99,22 +90,7 @@ struct FabPill: View {
     }
   }
 
-  @available(iOS 26.0, *)
-  private var liquidGlassButton: some View {
-    Image(systemName: "gearshape.fill")
-      .resizable()
-      .frame(width: FABConstants.imageSize, height: FABConstants.imageSize)
-      .foregroundStyle(.white)
-      .frame(width: FABConstants.iconSize, height: FABConstants.iconSize)
-      .background(
-        Circle()
-          .frame(width: FABConstants.iconSize + 10, height: FABConstants.iconSize + 10)
-          .glassEffect(.clear, in: Circle())
-      )
-      .shadow(color: .black.opacity(0.4), radius: 8, x: 0, y: 4)
-  }
-
-  private var classicButton: some View {
+  private var actionButton: some View {
     Image(systemName: "gearshape.fill")
       .resizable()
       .frame(width: FABConstants.imageSize, height: FABConstants.imageSize)
@@ -136,15 +112,32 @@ struct DevMenuFABView: View {
 
   private let fabSize = CGSize(width: 72, height: FABConstants.iconSize + 50)
 
+  // UserDefaults keys for persisting position
+  private static let positionXKey = "DevMenuFAB.positionX"
+  private static let positionYKey = "DevMenuFAB.positionY"
+  private static let hasStoredPositionKey = "DevMenuFAB.hasStoredPosition"
+
+  private static func loadStoredPosition() -> CGPoint? {
+    guard UserDefaults.standard.bool(forKey: hasStoredPositionKey) else { return nil }
+    let x = UserDefaults.standard.double(forKey: positionXKey)
+    let y = UserDefaults.standard.double(forKey: positionYKey)
+    return CGPoint(x: x, y: y)
+  }
+
+  private static func savePosition(_ position: CGPoint) {
+    UserDefaults.standard.set(position.x, forKey: positionXKey)
+    UserDefaults.standard.set(position.y, forKey: positionYKey)
+    UserDefaults.standard.set(true, forKey: hasStoredPositionKey)
+  }
+
   @State private var position: CGPoint = .zero
-  @State private var targetPosition: CGPoint = .zero
   @State private var isDragging = false
   @State private var isPressed = false
   @State private var dragStartPosition: CGPoint = .zero
 
   private let dragSpring: Animation = .spring(
-    response: 0.35,
-    dampingFraction: 0.35,
+    response: 0.25,
+    dampingFraction: 0.85,
     blendDuration: 0
   )
 
@@ -161,7 +154,21 @@ struct DevMenuFABView: View {
         .position(x: currentFrame.midX, y: currentFrame.midY)
         .gesture(dragGesture(bounds: geometry.size, safeArea: safeArea))
         .onAppear {
-          let initialPos = defaultPosition(bounds: geometry.size, safeArea: safeArea)
+          let initialPos: CGPoint
+          if let storedPos = Self.loadStoredPosition() {
+            let margin = FABConstants.margin
+            let minX = margin / 2
+            let maxX = geometry.size.width - fabSize.width - margin / 2
+            let minY = safeArea.top + FABConstants.verticalPadding
+            let maxY = geometry.size.height - fabSize.height - safeArea.bottom - FABConstants.verticalPadding
+
+            initialPos = CGPoint(
+              x: storedPos.x.clamped(to: minX...maxX),
+              y: storedPos.y.clamped(to: minY...maxY)
+            )
+          } else {
+            initialPos = defaultPosition(bounds: geometry.size, safeArea: safeArea)
+          }
           position = initialPos
           onFrameChange(CGRect(origin: initialPos, size: fabSize))
         }
@@ -192,19 +199,10 @@ struct DevMenuFABView: View {
           dragStartPosition = position
         }
         if isDragging {
-          let margin = FABConstants.margin
-          let minX = margin
-          let maxX = bounds.width - fabSize.width - margin
-          let minY = margin + safeArea.top + FABConstants.verticalPadding
-          let maxY = bounds.height - fabSize.height - margin - safeArea.bottom - FABConstants.verticalPadding
-
           let rawX = dragStartPosition.x + value.translation.width
           let rawY = dragStartPosition.y + value.translation.height
 
-          position = CGPoint(
-            x: rawX.clamped(to: minX...maxX),
-            y: rawY.clamped(to: minY...maxY)
-          )
+          position = CGPoint(x: rawX, y: rawY)
           onFrameChange(currentFrame)
         }
       }
@@ -231,6 +229,7 @@ struct DevMenuFABView: View {
           DispatchQueue.main.async {
             isDragging = false
             position = newPos
+            Self.savePosition(newPos)
             onFrameChange(CGRect(origin: newPos, size: fabSize))
           }
         }
@@ -239,8 +238,8 @@ struct DevMenuFABView: View {
 
   private func defaultPosition(bounds: CGSize, safeArea: EdgeInsets) -> CGPoint {
     CGPoint(
-      x: bounds.width - fabSize.width - FABConstants.margin,
-      y: bounds.height * 0.25
+      x: bounds.width - fabSize.width - FABConstants.margin / 2,
+      y: safeArea.top + FABConstants.verticalPadding
     )
   }
 
@@ -251,16 +250,17 @@ struct DevMenuFABView: View {
     safeArea: EdgeInsets
   ) -> CGPoint {
     let margin = FABConstants.margin
+    let edgeMargin = margin / 2  // Closer to screen edge when snapped
     let momentumX = velocity.x * FABConstants.momentumFactor
     let momentumY = velocity.y * FABConstants.momentumFactor
 
     let estimatedCenterX = point.x + self.fabSize.width / 2 + momentumX
     let targetX: CGFloat = estimatedCenterX < bounds.width / 2
-      ? margin
-    : bounds.width - self.fabSize.width - margin
+      ? edgeMargin
+    : bounds.width - self.fabSize.width - edgeMargin
 
-    let minY = margin + safeArea.top + FABConstants.verticalPadding
-    let maxY = bounds.height - self.fabSize.height - margin - safeArea.bottom - FABConstants.verticalPadding
+    let minY = safeArea.top + FABConstants.verticalPadding
+    let maxY = bounds.height - self.fabSize.height - safeArea.bottom - FABConstants.verticalPadding
     let targetY = (point.y + momentumY).clamped(to: minY...maxY)
 
     return CGPoint(x: targetX, y: targetY)

package/ios/FAB/DevMenuFABWindow.swift

@@ -10,6 +10,8 @@ class DevMenuFABWindow: UIWindow {
   private weak var manager: DevMenuManager?
   private var hostingController: UIHostingController<DevMenuFABView>?
   var fabFrame: CGRect = .zero
+  private var currentAnimator: UIViewPropertyAnimator?
+  private var targetVisibility: Bool?
 
   init(manager: DevMenuManager, windowScene: UIWindowScene) {
     self.manager = manager
@@ -51,44 +53,48 @@ class DevMenuFABWindow: UIWindow {
   }
 
   func setVisible(_ visible: Bool, animated: Bool = true) {
+    // Skip if already animating to the same state
+    if targetVisibility == visible {
+      return
+    }
+
+    // Cancel any in-progress animation and reset to clean state
+    if currentAnimator != nil {
+      currentAnimator?.stopAnimation(true)
+      currentAnimator = nil
+      transform = .identity
+    }
+
+    targetVisibility = visible
+
     if visible {
       isHidden = false
-      if animated {
-        alpha = 0
-        transform = edgeTranslation
-        UIView.animate(
-          withDuration: 0.5,
-          delay: 0,
-          usingSpringWithDamping: 0.6,
-          initialSpringVelocity: 0.8,
-          options: .curveEaseOut
-        ) {
-          self.alpha = 1
-          self.transform = .identity
-        }
-      } else {
-        alpha = 1
-        transform = .identity
+      alpha = 0
+      transform = edgeTranslation
+
+      let animator = UIViewPropertyAnimator(duration: animated ? 0.5 : 0, dampingRatio: 0.6) {
+        self.alpha = 1
+        self.transform = .identity
       }
+      animator.addCompletion { [weak self] _ in
+        self?.targetVisibility = nil
+      }
+      currentAnimator = animator
+      animator.startAnimation()
     } else {
-      if animated {
-        UIView.animate(
-          withDuration: 0.4,
-          delay: 0,
-          usingSpringWithDamping: 0.6,
-          initialSpringVelocity: 0.8,
-          options: .curveEaseIn
-        ) {
-          self.alpha = 0
-          self.transform = self.edgeTranslation
-        } completion: { _ in
-          self.isHidden = true
-          self.transform = .identity
+      let animator = UIViewPropertyAnimator(duration: animated ? 0.3 : 0, dampingRatio: 0.8) {
+        self.alpha = 0
+        self.transform = self.edgeTranslation
+      }
+      animator.addCompletion { [weak self] position in
+        self?.targetVisibility = nil
+        if position == .end {
+          self?.isHidden = true
+          self?.transform = .identity
         }
-      } else {
-        alpha = 0
-        isHidden = true
       }
+      currentAnimator = animator
+      animator.startAnimation()
     }
   }
 

package/ios/Modules/DevMenuPreferences.swift

@@ -42,7 +42,7 @@ public class DevMenuPreferences: Module {
       keyCommandsEnabledKey: true,
       showsAtLaunchKey: false,
       isOnboardingFinishedKey: false,
-      showFloatingActionButtonKey: false
+      showFloatingActionButtonKey: true
     ])
     #endif
 

package/ios/SwiftUI/DevMenuAppInfo.swift

@@ -12,8 +12,6 @@ struct DevMenuAppInfo: View {
         .foregroundColor(.primary.opacity(0.6))
 
       VStack(spacing: 0) {
-        Divider()
-
         InfoRow(title: "Version", value: viewModel.appInfo?.appVersion ?? "Unknown")
 
         if let runtimeVersion = viewModel.appInfo?.runtimeVersion {
@@ -44,8 +42,7 @@ struct DevMenuAppInfo: View {
         }
       }
       .padding(.horizontal)
-      .background(Color.expoSystemBackground)
-      .cornerRadius(18)
+      .background(Color.expoSecondarySystemBackground, in: RoundedRectangle(cornerRadius: 18))
     }
   }
 }

package/ios/SwiftUI/DevMenuButtons.swift

@@ -59,6 +59,8 @@ struct DevMenuToggleButton: View {
 
       Text(title)
         .foregroundColor(disabled ? .secondary : .primary)
+        .lineLimit(1)
+        .minimumScaleFactor(0.8)
 
       Spacer()
 

package/ios/SwiftUI/DevMenuDeveloperTools.swift

@@ -79,15 +79,14 @@ struct DevMenuDeveloperTools: View {
         Divider()
 
         DevMenuToggleButton(
-          title: "Show dev menu button",
+          title: "Tools button",
           icon: "hand.tap",
           isEnabled: viewModel.showFloatingActionButton,
           action: viewModel.toggleFloatingActionButton
         )
         #endif
       }
-      .background(Color.expoSystemBackground)
-      .cornerRadius(18)
+      .background(Color.expoSecondarySystemBackground, in: RoundedRectangle(cornerRadius: 18))
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "expo-dev-menu",
-  "version": "55.0.7",
+  "version": "55.0.9",
   "description": "Expo/React Native module with the developer menu.",
   "main": "build/DevMenu.js",
   "types": "build/DevMenu.d.ts",
@@ -39,7 +39,7 @@
     "@babel/preset-typescript": "^7.7.4",
     "@testing-library/react-native": "^13.3.0",
     "babel-plugin-module-resolver": "^5.0.0",
-    "babel-preset-expo": "~55.0.6",
+    "babel-preset-expo": "~55.0.8",
     "expo-module-scripts": "^55.0.2",
     "react": "19.2.0",
     "react-native": "0.83.2"
@@ -47,5 +47,5 @@
   "peerDependencies": {
     "expo": "*"
   },
-  "gitHead": "22e2ad4afba05b91f833f8cf07a36637748a1f70"
+  "gitHead": "39a7a009e215eb71a112f4a20dba2d471ab21108"
 }