Flutter Basics for Beginners (Parte II)

Introdução

Dia bom!





Continuamos aprendendo Flutter.





E neste artigo iremos nos familiarizar com o arquivo pubspec.yaml e também trabalhar com Flutter na linha de comando.





Bem, vamos começar!





Nosso plano
  • Parte 1 - introdução ao desenvolvimento, primeiro apêndice, conceito de estado;





  • Parte 2 (artigo atual) - arquivo pubspec.yaml e usando flutter na linha de comando;





  • Parte 3 - BottomNavigationBar e Navigator;





  • Parte 4 - MVC. Usaremos esse padrão particular como um dos mais simples;





  • Parte 5 - pacote http. Criação da classe Repositório, primeiras solicitações, listagem de postagens;





  • Parte 6 - Trabalhar com imagens, exibir imagens em forma de grade, receber imagens da rede, adicionar as suas ao aplicativo;





  • Parte 7 - Criando seu próprio tema, adicionando fontes personalizadas e animações;





  • Parte 8 - Um pouco sobre testes;





Arquivo Pubspec.yaml

A extensão .yaml indica que estamos usando o formato de dados YAML (mais na Wikipedia ).





Este é um formato bastante simples focado na conveniência da apresentação de dados.





pubspec.yaml está localizado no diretório raiz do projeto e é usado para configuração geral, adicionando dependências, fontes, imagens ao seu projeto.





Um pouco sobre a organização de arquivos:





  • .dart-tool contém informações para Dart Tools (um conjunto de diferentes utilitários para trabalhar com código Dart)





  • .idea foi criado pelo próprio Android Studio e armazena as configurações do projeto





  • 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 criar um apk de lançamento, execute:





flutter build apk --release
      
      



Resultado:





Neste caso, temos um apk não assinado com um conjunto de todas as arquiteturas (armeabi-v7a, arm64-v8a e 86_64).





A melhor opção é usar a opção --split-per-abi para separar arquiteturas em arquivos diferentes:





flutter build apk --split-per-abi
      
      



Resultado:





Comandos adicionais

Determinando a versão do Flutter:





flutter --version
      
      



Atualização do Flutter:





flutter upgrade
      
      



Para obter ajuda para um comando, você precisa usar a opção --help:





flutter create --help
      
      



Resultado:





Conclusão

Como o anterior, o artigo acabou sendo bastante informativo e sem água desnecessária.





Bem, eu te parabenizo se você leu até o fim, espero que você tenha aprendido algo útil para si mesmo.





Não se esqueça de deixar seus desejos nos comentários.





A seguir, vamos passar para a navegação.








All Articles