- Getting Started
- Architecture
- The Basics
- Digging Deeper
-
EDGE Components
- Introduction
- Accordion
- Activity Indicator
- Badge
- Bottom Navigation
- Bottom Sheet
- Button
- Button Group
- Canvas
- Carousel
- Checkbox
- Chip
- Column
- Divider
- Floating Action Button
- Gesture Area
- Icon
- Image
- Lazy Grid
- Layout & Styling
- List
- Menus
- Modal
- Pressable
- Progress Bar
- Radio Group
- Pager
- Refreshable
- Row
- Scroll View
- Select
- Shapes
- Side Navigation
- Slider
- Spacer
- Stack
- Tab Row
- Text
- Text Input
- Toggle
- Top Bar
- Virtual List
- Web View
- Plugins
- Testing
- Publishing Your App
Quick Start
Jump in#
Don't waste hours downloading, installing, and configuring Xcode and Android Studio; just Jump:
- Install the Jump app on your iOS or Android device
- Run the following commands:
New Laravel app#
The recommended way to start is our starter kit:
laravel new my-app --using=nativephp/mobile-starter --no-node cd my-app php artisan native:jump
--no-node skips the npm install && npm run build the installer runs by default, which a SuperNative app doesn't
need. laravel new also installs Laravel Boost, which sets up AI agent guidelines for
the project; pass --no-boost to skip it.
The starter kit already installs and registers nativephp/mobile-ui.
Existing Laravel app#
If you already have a Laravel app:
composer require nativephp/mobile nativephp/mobile-ui php artisan vendor:publish --tag=nativephp-plugins-providerphp artisan native:plugin:register nativephp/mobile-ui php artisan native:jump
nativephp/mobile-ui provides the native UI elements (text, buttons, lists, inputs and so on). It must be registered
in app/Providers/NativeServiceProvider.php or your screens will render blank. See
Installation.
Scan the QR code with Jump and you're off!
Install & run#
If you've already got your environment set up to build mobile apps using Xcode and/or Android Studio, you can build and run your app locally:
# Install NativePHP for Mobile and its UI components into a new Laravel appcomposer require nativephp/mobile nativephp/mobile-ui # Register the UI plugin so its native code is compiled inphp artisan vendor:publish --tag=nativephp-plugins-providerphp artisan native:plugin:register nativephp/mobile-ui # Ready your app to go nativephp artisan native:install # Run your app on a mobile devicephp artisan native:run
The native command
When you run native:install, NativePHP installs a native script helper that can be used as a convenient wrapper to
the native Artisan command namespace. Once this is installed you can do the following:
# Instead of...php artisan native:run # Dophp native run # Or./native run
Need help?#
in no time