J'essaie de faire une application Web réactive et tout fonctionnait bien en le déboguant sur le firefox de bureau et j'ai fait la mise en page entière avec l'option de commutateur de périphérique dans les outils de débogage, mais lorsque j'ai téléchargé sur un serveur HTTP et y accéder via mon téléphone, je obtenir cet écran

This is a reproduction

Sur Chrome, je n'ai aucun problème et tout s'affiche correctement, sur Firefox par contre, j'ai cet espace vide bizarre ... Chez Chrome, cet espace était occupé par l'invite "ajouter à l'écran d'accueil", peut-être que cela a quelque chose à voir? Toutes les idées seraient grandement appréciées. Je laisse le code juste au cas où cela aiderait ...

void main() => runApp(MyApp2());

class MyApp2 extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Material App',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Material App Bar'),
        ),
        body: Container(
          color: Colors.red,
          // child: Text('Hello World'),
        ),
      ),
    );
  }
} 

Je suppose qu'il est utile de dire que sur chrome, j'obtiens le comportement attendu pour obtenir le plein écran en rouge à l'exception de l'AppBar

0
Pen Drive 19 févr. 2021 à 04:23

1 réponse

Meilleure réponse

Le bouton Ajouter à l'écran d'accueil est une fonctionnalité de PWA, vous devriez donc vous plonger dans index.html probablement. Pouvez-vous déboguer votre Firefox Mobile et jouer un peu avec le CSS. Vous pouvez consulter les documents de débogage à distance Firefox.

1
Göktuğ Vatandaş 19 févr. 2021 à 06:49