Bibliothèque d’interface utilisateur Flutter personnalisable inspirée des anciens jeux vidéo 8bits

Bibliothèque d’interface utilisateur inspirée de l’ancienne console de jeu vidéo rétro

Pose 💻

❗ Pour commencer à utiliser Nes UI, vous devez avoir le SDK flottant installé sur votre machine.

Ajouter nes_ui à ton pubspec.yaml:

Installez-le:

Configurez-le

Nes UI fournit un ThemeData que vous pouvez ajouter à votre MaterialAppce thème peut être obtenu à partir du flutterNesTheme méthode:

import 'package:nes_ui/nes_ui.dart';

MaterialApp(
  theme: flutterNesTheme(),
);

Vérifiez les nombreux arguments sur la méthode pour personnaliser le thème.

Police de caractère

L’interface utilisateur de Nes utilise le Appuyez sur démarrer 2P
du Forfait Google Fonts.

Les polices Google récupèrent les fichiers lors de l’exécution via http. Pour conserver ce comportement et ne pas être sûr qu’il fonctionne, assurez-vous d’appeler WidgetsFlutterBinding.ensureInitialized(); à votre méthode principale.

Pour plus d’informations à ce sujet, suivez ceci Guide du paquet Google Fonts.

Si vous souhaitez plutôt regrouper les polices dans l’application et éviter les requêtes http, suivez cet autre guide.

Vous devez également inclure la licence de police sur LicenseRegistry lors du regroupement sur l’application.

Par example:

void main() {
  LicenseRegistry.addLicense(() async* {
    final license = await rootBundle.loadString('google_fonts/OFL.txt');
    yield LicenseEntryWithLineBreaks(['google_fonts'], license);
  });

  runApp(...);
}

En savoir plus sur la licence de police ici.

Consultez la galerie de tous les widgets ici.

Widgets personnalisés

Nes UI s’efforce d’utiliser au maximum le matériel qu’il peut, en personnalisant leur apparence pour s’adapter à l’apparence souhaitée du package, voici la liste des widgets de Material qui sont personnalisés par Nes UI

• Texte
• Champ de texte/Champ de formulaire de texte
• Diviseur

Widgets personnalisés

Certains widgets sont trop différents de l’apparence et de la structure du matériau, ce qui n’était pas possible sans créer l’ensemble du widget à partir de zéro, voici la liste des widgets fournis par Nes UI :

• NesBouton
• NesCase à cocher
• NesConteneur
• Et Icône

Plus à venir!

GitHub

Voir Github