Opening Flutter Gallery web app
the user get prompted to add the app to the home screen as shown below
for both desktop
and mobile
what steps should I follow to achieve this without messing with JS (js answer)
Thank you
Asked
Active
Viewed 1,533 times
1 Answers
0
While the popup in the image that you have mentioned , that is automatic .It automatically fires up when you meet several criteria (and which are always true for flutter web apps , mentioned here) .
code :
if ('serviceWorker' in navigator) {
window.addEventListener('load', function () {
navigator.serviceWorker.register('flutter_service_worker.js');
});
}
which is present in index.html handles the pwa functionality
Aman Verma
- 818
- 5
- 17
-
in my case doesn't happen :/ https://iapicca.github.io/#/ – Francesco Iapicca Oct 07 '20 at 14:45
-
can you show me the example website which you made , the gh-pages link gives 404 – Aman Verma Oct 07 '20 at 23:37
-
sorry, my bad, I'll re-deploy it in a moment, I might have found the cause :) – Francesco Iapicca Oct 08 '20 at 11:02
-
redeployed (has other problems... but still doesn't offer the "save feature" – Francesco Iapicca Oct 08 '20 at 12:37
-
1Ok! i inspected both of your sites , both manifest.json and and flutter_service_worker.js file are not being served , can you check that they are actually present in your web build or are not being ignored? – Aman Verma Oct 09 '20 at 16:14
-
@AmanVerma are you still around for helping please? My app is also not showing save to home screen and I am not sure what is going wrong - https://c4demo.web.app. – Damandroid Sep 14 '21 at 15:56