The app works perfectly and smoothly from pc browsers, and it is a bit laggy from mobile browsers,
but it is unusable from from mobile browser on (desktop mode) on phones with big screen resolutions.. it doesn't respond to clicks correctly.
my mobile's screen resolution:
Image
I thought it is a responsivity issue but I fixed that and the problem wasn't solved.
this is the link of my app: https://tree-plan-viewer.web.app/
Related
I am having a problem when trying to navigate through a deployed Flutter web app in Safari and Mobile Devices.
I have like 4 different screens in the app, 3 of them works fine, but when I redirect user to the principal screen, it just shows a blank white screen. This happens only in Safari and in Mobile Devices browsers (Chrome/Safari). When using Chrome and a desktop it works as it should (all screens shows normally).
When debugging with Chrome it works perfectly too.
[EDIT]
Print console error with Safari
I tried the following:
Changing build type (--web renderer canvaskit / html --release)
Changing channel from master to beta
Updating Flutter and outdated packages
Cleaning build a hundred times
Debug with Safari but I don't think it's possible
I am making a website with flutter
codingfries.com
Can someone check what the hell is happening when I click on Desktop View on chrome browser in mobile phone. The website starts to behave weirdly.
This is supposed to happen as the layout changes. Width of screen changes when you emulate Desktop view on mobile phone. For handling such cases, flutter has media queries which can be used to change layouts based on screen size changes.
For more info refer the official documentation.
https://flutter.dev/docs/development/ui/layout/adaptive-responsive
the app from chrome on desktop and mobile are different. the correct one is the one from desktop. the app on the mobile device (in this case iOS) has the images cut out from the screen or completely moved, plus there is a sort of zoom. If from Safari on mobile I select "Request Desktop Website" the site is displayed entirely and correctly. how can i force this default setting in flutter 2.0 web?
Probably will need to feed in the platform density property to your material app https://api.flutter.dev/flutter/material/VisualDensity/adaptivePlatformDensity.html
I am using ionic framework to create a hybrid app. The app is working fine in all devices (android,ios and windows), and also url is working fine in android,ios browsers but the problem is with windows mobile IE browser.
Problem:
Click functionality is working only when we double tap. But in desktop IE it is working on single tap only .
I have a fairly simple Meteor app.
There's a very small database, no complicated Javascript - a small and simple Meteor app.
I use Iron Router.
Yet the back button does virtually nothing in Chrome for Iphone 5 and for Iphone 6. Works perfectly on desktop Chrome and on Ipad Chrome, also works beautifully on Iphone in Safari.
It's hard to see what the back button is doing, it just blocks.
Android browser OK
Desktop Chrome OK
Ipad Chrome OK
IPhone 5 Safari OK
IPhone 6 Safari OK
IPhone 5 Chrome KO...
IPhone 6 Chrome KO...
I'm not sure where to start to solve the problem, so I was wondering if anybody else has had a similar problem.
Any help gratefully received.