3
votes

Conception de l'interface utilisateur dans Flutter pour Android

Est-il possible de concevoir une interface utilisateur Flutter via Android Studio en utilisant un constructeur d'interface utilisateur, comme je le ferais lors d'un développement avec Java / Kotlin?


0 commentaires

3 Réponses :


1
votes

Réponse courte, non.

Mais Flutter a quelque chose appelé Hot Reload , qui vous permet de voir vos chances en une seconde.

La fonction de rechargement à chaud de Flutter vous permet d'expérimenter rapidement et facilement, de créer des interfaces utilisateur, d'ajouter des fonctionnalités et de corriger les bogues. Le rechargement à chaud fonctionne en injectant des fichiers de code source mis à jour dans la machine virtuelle Dart en cours d'exécution (VM). Une fois que la VM a mis à jour les classes avec les nouvelles versions de champs et de fonctions, le framework Flutter reconstruit automatiquement l'arborescence des widgets, vous permettant de visualiser rapidement les effets de vos modifications.

Il existe également quelque chose appelé Flutter Studio .


3 commentaires

Bien. Merci. Je suppose que je vais m'en tenir à la construction en utilisant du code. C'est drôle comment Android Studio n'offre pas de WYSIWYG pour Flutter, mais propose pour Java / Kotlin


Vous pouvez également utiliser flutterstudio.app . Acceptez également la réponse si elle répond à vos attentes.


C'est le genre de WYSIWYG que je recherchais, mais ce n'est même pas proche de ce qu'offre Android Studio, en plus il semble bogué. J'ai l'impression que pour contrôler la mise en page, je dois la programmer moi-même.



0
votes

Ce n'est pas pris en charge pour le moment. Flutter Studio n'a pas l'air stable et contient des bogues. La seule façon préférable jusqu'à présent est donc d'utiliser Hot Reload . Si vous souhaitez déboguer les problèmes liés à la mise en page, vous pouvez effectuer les opérations suivantes:

  1. importez-le dans le fichier racine (par exemple main.dart )

import 'package: flutter / rendering.dart';

  1. dans votre fonction main () , ajoutez ces lignes pour activer le débogage de la mise en page avant la méthode runApp () :

debugPaintSizeEnabled = true;

debugPaintBaselinesEnabled = true;

debugPaintPointersEnabled = true;


0 commentaires

4
votes

Oui. Vous pouvez essayer la bibliothèque Open-Source Flutter UI. Essayez ce dépôt GitHub pour la conception de l'interface utilisateur Flutter https://github.com/ionicfirebaseapp/getflutter


0 commentaires