🧭 Mobile navigation
Customize AppBar, BottomNavigationBar and FAB
Wrapply lets you customize basic navigation online. For deeper navigation behavior, edit the generated Flutter source code.
Customize navigation online
Wrapply lets you customize the mobile navigation layer online before generation. This is useful to make your website feel more like a real app.
AppBar
Add a top bar with title, logo, colors and actions.
Add a top bar with title, logo, colors and actions.
BottomNavigationBar
Add tabs linked to important pages such as Home, Pricing, Dashboard or Contact.
Add tabs linked to important pages such as Home, Pricing, Dashboard or Contact.
FloatingActionButton
Add a primary action such as booking, checkout, support or WhatsApp/contact.
Add a primary action such as booking, checkout, support or WhatsApp/contact.
Internal links
Connect mobile buttons to specific website URLs or routes.
Connect mobile buttons to specific website URLs or routes.
Customize navigation from source code
For deeper navigation changes, edit the Flutter source code. The exact file names can vary, but the main logic is usually inside lib/.
Main app entry
Start from
Start from
lib/main.dart.Widgets folder
Look for AppBar, BottomNavigationBar, FAB or layout widgets.
Look for AppBar, BottomNavigationBar, FAB or layout widgets.
Screens folder
Check app screens and WebView containers.
Check app screens and WebView containers.
URL actions
Search for configured URLs, navigation items or button actions.
Search for configured URLs, navigation items or button actions.
Suggested search terms in VS Code:
AppBar
BottomNavigationBar
FloatingActionButton
WebView
initialUrl
launchUrl
AppBar
BottomNavigationBar
FloatingActionButton
WebView
initialUrl
launchUrl
When to ask Wrapply for customization
If you need custom navigation logic, special payment handling, protected routes, native integrations or advanced UI changes, you can request managed customization.