Dasar-dasar Flutter untuk Pemula (Bagian II)

pengantar

Selamat siang!





Kami terus belajar Flutter.





Dan pada artikel ini kita akan berkenalan dengan file pubspec.yaml dan juga bekerja dengan Flutter di baris perintah.





Baiklah, mari kita mulai!





Rencana kita
  • Bagian 1 - pengantar pembangunan, lampiran pertama, konsep negara;





  • Bagian 2 (artikel saat ini) - file pubspec.yaml dan menggunakan flutter pada baris perintah;





  • Bagian 3 - BottomNavigationBar dan Navigator;





  • Bagian 4 - MVC. Kami akan menggunakan pola khusus ini sebagai salah satu yang paling sederhana;





  • Bagian 5 - paket http. Pembuatan kelas Repositori, permintaan pertama, daftar posting;





  • Bagian 6 - Bekerja dengan gambar, menampilkan gambar dalam bentuk kotak, menerima gambar dari jaringan, menambahkan gambar Anda sendiri ke aplikasi;





  • Bagian 7 - Membuat tema Anda sendiri, menambahkan font dan animasi khusus;





  • Bagian 8 - Sedikit tentang pengujian;





File Pubspec.yaml

Ekstensi .yaml menunjukkan bahwa kami menggunakan format data YAML (selengkapnya di Wikipedia ).





Ini adalah format yang cukup sederhana yang berfokus pada kenyamanan penyajian data.





pubspec.yaml terletak di direktori root proyek dan digunakan untuk konfigurasi umum, menambahkan dependensi, font, gambar ke proyek Anda.





Sedikit tentang organisasi file:





  • .dart-tool berisi informasi untuk Dart Tools (satu set utilitas berbeda untuk bekerja dengan kode Dart)





  • .ide dibuat oleh Android Studio sendiri dan menyimpan pengaturan proyek





  • 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
      
      



:





:





.





.





Untuk membuat jalankan apk rilis:





flutter build apk --release
      
      



Hasil:





Dalam hal ini, kami memiliki apk yang tidak ditandatangani dengan satu set semua arsitektur (armeabi-v7a, arm64-v8a dan 86_64).





Opsi terbaik adalah menggunakan opsi --split-per-abi untuk memisahkan arsitektur ke dalam file yang berbeda:





flutter build apk --split-per-abi
      
      



Hasil:





Perintah tambahan

Menentukan versi Flutter:





flutter --version
      
      



Pembaruan berkibar:





flutter upgrade
      
      



Untuk mendapatkan bantuan untuk suatu perintah, Anda perlu menggunakan opsi --help:





flutter create --help
      
      



Hasil:





Kesimpulan

Seperti yang sebelumnya, artikel tersebut ternyata cukup informatif dan tanpa air yang tidak perlu.





Nah, saya ucapkan selamat kepada Anda jika Anda telah membaca sampai akhir, saya harap Anda belajar sesuatu yang berguna untuk diri sendiri.





Jangan lupa untuk meninggalkan keinginan Anda di komentar.





Selanjutnya, mari kita beralih ke navigasi.








All Articles