Introducci贸n
隆Buenos d铆as!
Seguimos aprendiendo Flutter.
Y en este art铆culo nos familiarizaremos con el archivo pubspec.yaml y tambi茅n trabajaremos con Flutter en la l铆nea de comandos.
Bueno, 隆comencemos!
Nuestro plan
Parte 1 - introducci贸n al desarrollo, primer ap茅ndice, concepto de estado;
Parte 2 (art铆culo actual): archivo pubspec.yaml y uso de flutter en la l铆nea de comandos;
Parte 3 - BottomNavigationBar y Navigator;
Parte 4 - MVC. Usaremos este patr贸n en particular como uno de los m谩s simples;
Parte 5 - paquete http. Creaci贸n de la clase Repository, primeras solicitudes, listado de publicaciones;
Parte 6 - Trabajar con im谩genes, mostrar im谩genes en forma de cuadr铆cula, recibir im谩genes de la red, agregar las suyas propias a la aplicaci贸n;
Parte 7: creaci贸n de su propio tema, agregando fuentes y animaciones personalizadas;
Parte 8 - Un poco sobre las pruebas;
Archivo Pubspec.yaml
La extensi贸n .yaml indica que estamos usando el formato de datos YAML (m谩s en Wikipedia ).
Este es un formato bastante simple enfocado en la conveniencia de la presentaci贸n de datos.
pubspec.yaml se encuentra en el directorio ra铆z del proyecto y se usa para la configuraci贸n general, agregando dependencias, fuentes, im谩genes a su proyecto.
Un poco sobre la organizaci贸n de archivos:
.dart-tool contiene informaci贸n para Dart Tools (un conjunto de diferentes utilidades para trabajar con c贸digo Dart)
.idea fue creado por Android Studio y almacena la configuraci贸n del proyecto
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
:
:
.
.
Para crear una ejecuci贸n de apk de lanzamiento:
flutter build apk --release
Resultado:
En este caso, tenemos una apk sin firmar con un conjunto de todas las arquitecturas (armeabi-v7a, arm64-v8a y 86_64).
La mejor opci贸n es usar la opci贸n --split-per-abi para separar arquitecturas en diferentes archivos:
flutter build apk --split-per-abi
Resultado:
Comandos adicionales
Determinando la versi贸n de Flutter:
flutter --version
Actualizaci贸n de Flutter:
flutter upgrade
Para obtener ayuda para un comando, debe usar la opci贸n --help:
flutter create --help
Resultado:
Conclusi贸n
Como el anterior, el art铆culo result贸 ser bastante informativo y sin agua innecesaria.
Bueno, te felicito si has le铆do hasta el final, espero que hayas aprendido algo 煤til para ti.
No olvide dejar sus deseos en los comentarios.
A continuaci贸n, pasemos a la navegaci贸n.