For AI agents: the complete documentation index is available at /react-native-arrangement-view/v0.5/llms.txt, the full documentation bundle is available at /react-native-arrangement-view/v0.5/llms-full.txt, and this page is available as Markdown at /react-native-arrangement-view/v0.5/guide/platform-comparison.md.
react-native-arrangement-view
  • v0.5

      • Platform comparison

      The iPhone Duo and Pixel 10 Pro Fold have different screen sizes, so the pane sizes are not comparable between them, but the placement is.

      Because of that, some poses and orientations might behave differently stacking on one while side by side on another.

      For example, when unfolded and turned sideways, the iPhone Duo is taller than wide, so the panels stack. The Pixel 10 Pro Fold is wider than tall, so the panels split side by side.

      The screenshots below use axes="both". See How panes are arranged for the rules behind them.

      arrangement="split"

      Closed

      Portrait
      iOS, portrait, splitiOS
      Android, portrait, splitAndroid
      Turned right
      iOS, turned right, splitiOS
      Android, turned right, splitAndroid
      Upside down
      iOS, upside down, splitiOS
      Android, upside down, splitAndroid
      Turned left
      iOS, turned left, splitiOS
      Android, turned left, splitAndroid

      Half-open

      Portrait
      iOS, portrait, splitiOS
      Android, portrait, splitAndroid
      Turned right
      iOS, turned right, splitiOS
      Android, turned right, splitAndroid
      Upside down
      iOS, upside down, splitiOS
      Android, upside down, splitAndroid
      Turned left
      iOS, turned left, splitiOS
      Android, turned left, splitAndroid

      Flat

      Portrait
      iOS, portrait, splitiOS
      Android, portrait, splitAndroid
      Turned right
      iOS, turned right, splitiOS
      Android, turned right, splitAndroid
      Upside down
      iOS, upside down, splitiOS
      Android, upside down, splitAndroid
      Turned left
      iOS, turned left, splitiOS
      Android, turned left, splitAndroid

      arrangement="overlay"

      Closed

      Portrait
      iOS, portrait, overlayiOS
      Android, portrait, overlayAndroid
      Turned right
      iOS, turned right, overlayiOS
      Android, turned right, overlayAndroid
      Upside down
      iOS, upside down, overlayiOS
      Android, upside down, overlayAndroid
      Turned left
      iOS, turned left, overlayiOS
      Android, turned left, overlayAndroid

      Half-open

      Portrait
      iOS, portrait, overlayiOS
      Android, portrait, overlayAndroid
      Turned right
      iOS, turned right, overlayiOS
      Android, turned right, overlayAndroid
      Upside down
      iOS, upside down, overlayiOS
      Android, upside down, overlayAndroid
      Turned left
      iOS, turned left, overlayiOS
      Android, turned left, overlayAndroid

      Flat

      Portrait
      iOS, portrait, overlayiOS
      Android, portrait, overlayAndroid
      Turned right
      iOS, turned right, overlayiOS
      Android, turned right, overlayAndroid
      Upside down
      iOS, upside down, overlayiOS
      Android, upside down, overlayAndroid
      Turned left
      iOS, turned left, overlayiOS
      Android, turned left, overlayAndroid