introduction
Bonne journée!
Nous continuons à apprendre Flutter.
Et dans cet article, nous nous familiariserons avec le fichier pubspec.yaml et travaillerons également avec Flutter sur la ligne de commande.
Eh bien, commençons!
Notre plan
Partie 1 - introduction au développement, première annexe, notion d'état ;
Partie 2 (article actuel) - fichier pubspec.yaml et utilisation de flutter sur la ligne de commande ;
Partie 3 - BottomNavigationBar et Navigator ;
Partie 4 - MVC. Nous utiliserons ce modèle particulier comme l'un des plus simples ;
Partie 5 - paquet http. Création de la classe Repository, premières demandes, listing des posts ;
Partie 6 - Travailler avec des images, afficher des images sous forme de grille, recevoir des images du réseau, ajouter les vôtres à l'application ;
Partie 7 - Création de votre propre thème, ajout de polices et d'animations personnalisées ;
Partie 8 - Un peu sur les tests ;
Fichier Pubspec.yaml
L'extension .yaml indique que nous utilisons le format de données YAML (plus sur Wikipedia ).
Il s'agit d'un format assez simple axé sur la commodité de la présentation des données.
pubspec.yaml se trouve dans le répertoire racine du projet et est utilisé pour la configuration générale, en ajoutant des dépendances, des polices, des images à votre projet.
Un peu sur l'organisation des fichiers :
.dart-tool contient des informations pour Dart Tools (un ensemble de différents utilitaires pour travailler avec le code Dart)
.idea a été créé par Android Studio lui-même et stocke les paramètres du projet
build , release apk
ios iOS iOS , XCode
android Android Android
lib Dart
test
:
README.md .gitignore - Git
pubspec.yaml , pubspec.lock pub-.
.metadata Flutter
.packages
pubspec.yaml:
# Flutter
#
# pub-. ,
# pub-
#
# Android iOS
#
name: json_placeholder_app
#
description: json_placeholder_app is an demo application
#
# pub-
# flutter publish
publish_to: 'none'
# Android iOS
# 2 ,
# - ,
# , 1.1.5
# Google Play Apple Store
# (: 5)
version: 1.0.0+1
# Dart SDK
environment:
sdk: ">=2.7.0 <3.0.0"
#
dependencies:
flutter:
sdk: flutter
# Cupertino
# Cupertino - iOS
#
# pub-
#cupertino_icons: ^1.0.2
#
#
dev_dependencies:
flutter_test:
sdk: flutter
# assets
#
flutter:
# , MaterialApp
# Material Design
uses-material-design: true
pub-
pub- pub.dev. .
pub- .
?
- Dart pubspec.yaml , - , - .
camera Android iOS Android ( android) iOS ( ios)
, .
pub :
# Flutter
#
# pub-. ,
# pub-
#
# Android iOS
#
name: json_placeholder_app
#
description: json_placeholder_app is an demo application
#
# pub-
# flutter publish
publish_to: 'none'
# Android iOS
# 2 ,
# - ,
# , 1.1.5
# Google Play Apple Store
# (: 5)
version: 1.0.0+1
# Dart SDK
environment:
sdk: ">=2.7.0 <3.0.0"
#
dependencies:
flutter:
sdk: flutter
# pub-
#
#
flutter_staggered_grid_view: ^0.4.0
# MVC
mvc_pattern: ^7.0.0
# ,
# http
#
http: ^0.13.3
#
#
dev_dependencies:
flutter_test:
sdk: flutter
# assets
#
flutter:
# , MaterialApp
# Material Design
uses-material-design: true
!
Flutter
.
Debian 10, .
flutter .
Flutter Flutter :
Flutter:
Flutter bin, - flutter.
, , , , Flutter.
.
:
# web
# : flutter config --no-enable-web
flutter create new_flutter_app
:
:
flutter pub get
Android Studio:
flutter devices
:
Honor Chrome (.. web )
-d
flutter run -d JYXNW20805003141
:
, c :
# -d
# -o ,
flutter screenshot -d JYXNW20805003141 -o ~/Downloads/screen_1.png
:
:
.
.
Pour créer une version apk, exécutez :
flutter build apk --release
Résultat:
Dans ce cas, nous avons un apk non signé avec un ensemble de toutes les architectures (armeabi-v7a, arm64-v8a et 86_64).
La meilleure option est d'utiliser l'option --split-per-abi pour séparer les architectures en différents fichiers :
flutter build apk --split-per-abi
Résultat:
Commandes supplémentaires
Détermination de la version Flutter :
flutter --version
Mise à jour Flutter :
flutter upgrade
Pour obtenir de l'aide sur une commande, vous devez utiliser l'option --help :
flutter create --help
Résultat:
Conclusion
Comme le précédent, l'article s'est avéré assez informatif et sans eau inutile.
Eh bien, je vous félicite si vous avez lu jusqu'à la fin, j'espère que vous avez appris quelque chose d'utile pour vous-même.
N'oubliez pas de laisser vos souhaits dans les commentaires.
Passons ensuite à la navigation.