NativePHP for Mobile v4 is here — build real native UIs from Blade with SuperNative
Blog

NativePHP Mobile 4.2.0

NativePHP Mobile 4.2.0#

NativePHP for Mobile 4.2.0 is out. This is a layout, media, and polish release on top of SuperNative: flex and sizing behave the way Tailwind says they should, glass and radius match what you wrote, and a few SuperNative-squash regressions are restored.

Upgrade with:

Copied!
composer update nativephp/mobile
php artisan native:install
php artisan native:run

native:install has to run after the composer update and before native:run so the native shell picks up the new package.

Layout that matches the class list#

  • flex-row / flex-col now actually change direction. flexDirection is forwarded into layout, so this is no longer a no-op.
  • items-start and items-stretch are no longer inverted on iOS, and max-w-* is applied on both platforms instead of being dropped.
  • Per-corner and per-side radius classes work (rounded-tl-xl, rounded-r-2xl, and friends).
  • Glass elements on iOS honor their corner radius instead of ignoring it.

Keyboard, errors, notifications#

  • Tapping a screen with native chrome dismisses the keyboard.
  • Native errors use the destructive theme color.
  • Push notification badge clearing is restored.
  • File URLs are ignored in DeepLinkRouter, so local files don't get treated as app links.
  • Video and audio MIME types the SuperNative squash dropped are back.
  • Android query-string handling the squash reverted is restored.

Full changelog#

  • Fix items-start / items-stretch inversion on iOS and max-w-* being dropped on both platforms (#313)
  • Support per-corner and per-side border radius classes (#314)
  • Dismiss the keyboard on tap for screens with native chrome (#315)
  • Use destructive theme color for native errors (#295)
  • Fix glass elements ignoring their corner radius on iOS (#323)
  • Restore push notification badge clearing (#294)
  • Ignore file URLs in DeepLinkRouter (#332)
  • Restore the video and audio MIME types the squash dropped (#328)
  • Restore the Android query string handling the SuperNative squash reverted (#327)
  • Forward flexDirection into layout — completes flex-row / flex-col (#270)

Full changelog: 4.1.0...4.2.0

Thanks to Shane Rosenthal, Willem Leuverink, and Wojciech Janowski.