expo-dev-menu 56.0.10 → 56.0.12

package/CHANGELOG.md

@@ -10,6 +10,20 @@
 
 ### 💡 Others
 
+## 56.0.12 — 2026-05-20
+
+### 🎉 New features
+
+- [iOS] Add `setShowsAtLaunch`/`getShowsAtLaunch` to `DevMenuManager` so preferences can be toggled at runtime and applied immediately. ([#XXXXX](https://github.com/expo/expo/pull/XXXXX) by [@gabrieldonadel](https://github.com/gabrieldonadel)) ([#46000](https://github.com/expo/expo/pull/46000) by [@gabrieldonadel](https://github.com/gabrieldonadel))
+
+### 🐛 Bug fixes
+
+- Fix FAB resizing on label disappearance ([#45869](https://github.com/expo/expo/pull/45869) by [@Wenszel](https://github.com/Wenszel))
+
+## 56.0.11 — 2026-05-19
+
+_This version does not introduce any user-facing changes._
+
 ## 56.0.10 — 2026-05-15
 
 _This version does not introduce any user-facing changes._

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 = '56.0.10'
+version = '56.0.12'
 
 def hasDevLauncher = findProject(":expo-dev-launcher") != null
 def configureInRelease = findProperty("expo.devmenu.configureInRelease") == "true"
@@ -29,7 +29,7 @@ android {
 
   defaultConfig {
     versionCode 10
-    versionName '56.0.10'
+    versionName '56.0.12'
   }
 
   buildTypes {

package/android/src/debug/java/expo/modules/devmenu/fab/FloatingActionButtonContent.kt

@@ -13,11 +13,7 @@ import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.shape.CircleShape
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.runtime.Composable
-import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.setValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.drawWithContent
@@ -34,7 +30,6 @@ import androidx.compose.ui.unit.sp
 import com.composeunstyled.Icon
 import com.composeunstyled.Text
 import expo.modules.devmenu.R
-import kotlinx.coroutines.delay
 
 private val FabBlue = Color(0xFF007AFF)
 
@@ -43,7 +38,8 @@ fun FloatingActionButtonContent(
   modifier: Modifier = Modifier,
   isPressed: Boolean = false,
   isDragging: Boolean = false,
-  isIdle: Boolean = false
+  isIdle: Boolean = false,
+  showLabel: Boolean = true
 ) {
   val scale by animateFloatAsState(
     targetValue = if (isPressed && !isDragging) 0.9f else 1f,
@@ -60,13 +56,6 @@ fun FloatingActionButtonContent(
     label = "idleSaturation"
   )
 
-  var showLabel by remember { mutableStateOf(true) }
-
-  LaunchedEffect(Unit) {
-    delay(10_000)
-    showLabel = false
-  }
-
   Column(
     horizontalAlignment = Alignment.CenterHorizontally,
     modifier = modifier

package/android/src/debug/java/expo/modules/devmenu/fab/MovableFloatingActionButton.kt

@@ -18,7 +18,10 @@ import androidx.compose.foundation.layout.safeDrawingPadding
 import androidx.compose.foundation.layout.size
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.geometry.Offset
 import androidx.compose.ui.geometry.Rect
@@ -31,9 +34,11 @@ import androidx.compose.ui.unit.dp
 import expo.modules.devmenu.compose.DevMenuState
 import kotlinx.coroutines.CoroutineScope
 import kotlinx.coroutines.coroutineScope
+import kotlinx.coroutines.delay
 import kotlinx.coroutines.launch
 
-private val FabDefaultSize = DpSize(72.dp, 94.dp)
+private val FabDefaultSize = DpSize(52.dp, 94.dp)
+private val FabContentSize = DpSize(52.dp, 52.dp)
 private val Margin = 16.dp
 private const val ClickDragTolerance = 40f
 
@@ -46,22 +51,38 @@ private const val ClickDragTolerance = 40f
 fun MovableFloatingActionButton(
   state: DevMenuState,
   modifier: Modifier = Modifier,
-  fabSize: DpSize = FabDefaultSize,
   margin: Dp = Margin,
   onPress: () -> Unit = {}
 ) {
+  var showLabel by remember { mutableStateOf(true) }
+
+  LaunchedEffect(Unit) {
+    delay(10_000)
+    showLabel = false
+  }
+
   BoxWithConstraints(
     modifier = modifier
       .safeDrawingPadding()
       .fillMaxSize()
   ) {
-    val totalFabSize = DpSize(fabSize.width + margin * 2, fabSize.height + margin * 2)
+    val effectiveFabSize = if (showLabel) {
+      FabDefaultSize
+    } else {
+      FabContentSize
+    }
+    val totalFabSize = DpSize(effectiveFabSize.width + margin * 2, effectiveFabSize.height + margin * 2)
     val totalFabSizePx = with(LocalDensity.current) {
       Offset(totalFabSize.width.toPx(), totalFabSize.height.toPx())
     }
+    val fabPressableSizeWithMargin = DpSize(FabContentSize.width + margin * 2, FabContentSize.height + margin * 2)
+    val fabPressableSizeWithMarginPx = with(LocalDensity.current) {
+      Offset(fabPressableSizeWithMargin.width.toPx(), fabPressableSizeWithMargin.height.toPx())
+    }
+
     val bounds = Offset(
-      x = constraints.maxWidth - totalFabSizePx.x,
-      y = constraints.maxHeight - totalFabSizePx.y
+      x = constraints.maxWidth - fabPressableSizeWithMarginPx.x,
+      y = constraints.maxHeight - fabPressableSizeWithMarginPx.y
     )
 
     val halfFab = Offset(totalFabSizePx.x / 2f, totalFabSizePx.y / 2f)
@@ -185,6 +206,7 @@ fun MovableFloatingActionButton(
           isPressed = fab.isPressed,
           isDragging = fab.isDragging,
           isIdle = fab.isIdle,
+          showLabel = showLabel,
           modifier = Modifier.fillMaxSize()
         )
       }

package/ios/DevMenuManager.swift

@@ -195,6 +195,16 @@ open class DevMenuManager: NSObject {
     return DevMenuPreferences.touchGestureEnabled
   }
 
+  @objc
+  public func setShowsAtLaunch(_ enabled: Bool) {
+    DevMenuPreferences.showsAtLaunch = enabled
+  }
+
+  @objc
+  public func getShowsAtLaunch() -> Bool {
+    return DevMenuPreferences.showsAtLaunch
+  }
+
   @objc
   public func setShowFloatingActionButton(_ enabled: Bool) {
     DevMenuPreferences.showFloatingActionButton = enabled

package/ios/SwiftUI/DevMenuRNDevMenu.swift

@@ -12,7 +12,6 @@ struct DevMenuRNDevMenu: View {
         .foregroundColor(.primary)
         .frame(maxWidth: .infinity, alignment: .leading)
     }
-    .background(Color.expoSecondarySystemBackground)
-    .cornerRadius(18)
+    .background(Color.expoSecondarySystemBackground, in: RoundedRectangle(cornerRadius: 18))
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "expo-dev-menu",
-  "version": "56.0.10",
+  "version": "56.0.12",
   "description": "Expo/React Native module with the developer menu.",
   "main": "build/DevMenu.js",
   "types": "build/DevMenu.d.ts",
@@ -32,15 +32,15 @@
     "@types/node": "^22.14.0",
     "react": "19.2.3",
     "react-native": "0.85.3",
-    "babel-preset-expo": "56.0.8",
-    "expo": "56.0.0-preview.12",
-    "expo-module-scripts": "56.0.2"
+    "babel-preset-expo": "56.0.10",
+    "expo-module-scripts": "56.0.2",
+    "expo": "56.0.0"
   },
   "peerDependencies": {
     "expo": "*",
     "react-native": "*"
   },
-  "gitHead": "f26be3dd9396bf7c399a1d607865d0fabdbc0d64",
+  "gitHead": "c4c9867a0bcbb188e55ecaec4998e38d33108a5d",
   "scripts": {
     "build": "expo-module build",
     "clean": "expo-module clean",