Can you make Web Responsive displaying on mobile look like Mobile app design

Widgets & Design

Hello, Hoping a Flutter super user may be able to help clarify UI and web responsive on mobile device vs. proper ui just for mobile app.

So what I want to understand is, if I create a web responsive layout starting with desktop, but it shrinks and displays correctly on tablet and mobile device (via browser), obviously the footer you see on mobile will be at very bottom and also no nav bar at bottom of screen (like you would see/get in a mobile app).. where as if it was a mobile app ui we would have a nav bar at bottom of screen with some icons/widgets to select..

What I want to understand is.. if trying to build both web responsive as well as for mobile app.. do you have to have a complete copy/replication of web responsive and edit this to make it for mobile app? or do you build components for mobile app and when you compile/build the app flutterflow knows to grab and insert the app nav bar/component? i.e. can you tag a component as only use for mobile app build..?

Ideally want to avoid duplication of pages (logic etc) when making mobile app.. i.e. don't want to have to update in 2 places when making changes.. so not clear to me how flutterflow works OOB when doing app vs web responsive..

Hopefully that makes sense.. any thoughts or experience/insights appreciated.

What have you tried so far?

nothing, this is a question, please ignore image below as its compulsory to select something..

Did you check FlutterFlow's Documentation for this topic?
No
1
1 reply