New Switch on iOS 26 is having layout problems

[matinzd]

Description

The width of the switch container seems to be off and it's causing the layouts to collide.

Steps to reproduce

1. Use Switch component and built the app using xcode 26

React Native Version

0.79.5

Affected Platforms

Runtime - iOS

Output of npx @react-native-community/cli info

System:
  OS: macOS 15.5
  CPU: (10) arm64 Apple M1 Pro
  Memory: 122.27 MB / 32.00 GB
  Shell:
    version: "5.9"
    path: /bin/zsh
Binaries:
  Node:
    version: 20.19.2
    path: ~/.nvm/versions/node/v20.19.2/bin/node
  Yarn:
    version: 1.22.19
    path: ~/.nvm/versions/node/v20.19.2/bin/yarn
  npm:
    version: 10.8.2
    path: ~/.nvm/versions/node/v20.19.2/bin/npm
  Watchman: Not Found
Managers:
  CocoaPods:
    version: 1.16.1
    path: /Users/matin.zadeh.dolatabad@m10s.io/.rbenv/shims/pod
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 24.5
      - iOS 18.5
      - macOS 15.5
      - tvOS 18.5
      - visionOS 2.5
      - watchOS 11.5
  Android SDK:
    API Levels:
      - "28"
      - "29"
      - "30"
      - "31"
      - "33"
      - "34"
      - "35"
    Build Tools:
      - 28.0.3
      - 29.0.2
      - 30.0.3
      - 33.0.1
      - 34.0.0
      - 35.0.0
    System Images:
      - android-33-ext4 | Google Play ARM 64 v8a
      - android-34-ext12 | Google Play ARM 64 v8a
      - android-34 | Google APIs ARM 64 v8a
    Android NDK: Not Found
IDEs:
  Android Studio: 2024.3 AI-243.26053.27.2432.13536105
  Xcode:
    version: 16.4/16F6
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 17.0.11
    path: /usr/bin/javac
  Ruby:
    version: 3.2.2
    path: /Users/matin.zadeh.dolatabad@m10s.io/.rbenv/shims/ruby
npmPackages:
  "@react-native-community/cli":
    installed: 18.0.0
    wanted: 18.0.0
  react:
    installed: 19.0.0
    wanted: 19.0.0
  react-native:
    installed: 0.79.5
    wanted: 0.79.5
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: Not found
  newArchEnabled: Not found
iOS:
  hermesEnabled: true
  newArchEnabled: true

Stacktrace or Logs

N/A

MANDATORY Reproducer

https://gist.github.com/matinzd/17a81fe4c4284d8dc986d00597e0e709

Screenshots and Videos

[react-native-bot]

Warning

Missing reproducer: We could not detect a reproducible example in your issue report. Reproducers are mandatory and we can accept only one of those as a valid reproducer:

• For majority of bugs: send us a Pull Request with the RNTesterPlayground.js edited to reproduce your bug.
• If your bug is UI related: a Snack
• If your bug is build/upgrade related: a project using our Reproducer Template

You can read more about about it on our website: How to report a bug.

[cipolleschi]

Thanks for opening the issue. We haven't started working on the iOS 26 compatibility yet as we were waiting some internal communication.
However, we are open to PRs! :D

[noma4i]

@cipolleschi I hope this year will be different from last year, when the release of the new iOS and Xcode caught us off guard, preventing us from creating any builds.

[cipolleschi]

@noma4i last year apple introduced a C++ change in the build system that they didn't address until the stable version of Xcode, even if we asked them to... It's hard to be ready for those kind of issues, as we don't have control over them.

That said, Liquid Glass is not mandatory for this year, and people will also have to support older iOS versions in any case. We are working on a solution, but the new design language can be disabled be setting the UIDesignRequiresCompatibility flag to YES in your app's InfoPlist.

As often happens, Liquid glass would not work 100% out of the box by just building your app with Xcode 26.
Apple introduced several APIs that we need to look into to properly adopt the new design language.

[noma4i]

@cipolleschi Some technical issues have come up with Xcode this year, like kean/Nuke#855

Xcode 26 returns: "Pattern that the region based isolation checker does not understand how to check. Please file a bug" - this message comes from Xcode and Swift not a library.

It's not a problem for the React Native but looks like there could be unexpected issues this year.