初心者向けの Flutter の基本 (パート II)

前書き

良い一日!





私たちはFlutterを学び続けます。





この記事では、pubspec.yaml ファイルについて理解し、コマンド ラインで Flutter を操作します。





では、始めましょう!





私たちの計画
  • パート 1 - 開発の紹介、最初の付録、状態の概念。





  • パート 2 (現在の記事) - pubspec.yaml ファイルとコマンド ラインでの flutter の使用。





  • パート 3 - BottomNavigationBar とナビゲーター。





  • パート 4 - MVC。この特定のパターンを最も単純なものの 1 つとして使用します。





  • パート 5 - http パッケージ。Repository クラスの作成、最初のリクエスト、投稿のリスト。





  • パート 6 - 画像の操作、グリッドの形式での画像の表示、ネットワークからの画像の受信、独自の画像のアプリケーションへの追加。





  • パート 7 - 独自のテーマを作成し、カスタム フォントとアニメーションを追加します。





  • パート 8 - テストについて少し。





Pubspec.yaml ファイル

.yaml 拡張子は、YAML データ形式を使用していることを示しています (詳しくはWikipedia をご覧ください)。





これは、データ表示の利便性に焦点を当てたかなり単純な形式です。





pubspec.yaml はプロジェクトのルート ディレクトリにあり、一般的な構成、依存関係、フォント、画像のプロジェクトへの追加に使用されます。





ファイル構成について少し:





  • .dart-tool には、Dart ツール (Dart コードを操作するためのさまざまなユーティリティのセット) の情報が含まれています。





  • .ideaは Android Studio 自体によって作成され、プロジェクト設定を保存します





  • 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
      
      



:





:





.





.





リリース apk を作成するには、次を実行します。





flutter build apk --release
      
      



結果:





この場合、すべてのアーキテクチャ (armeabi-v7a、arm64-v8a、86_64) のセットを備えた未署名の APK があります。





最良のオプションは、 --split-per-abi オプションを使用してアーキテクチャを異なるファイルに分割することです。





flutter build apk --split-per-abi
      
      



結果:





追加コマンド

Flutter バージョンの決定:





flutter --version
      
      



フラッター更新:





flutter upgrade
      
      



コマンドのヘルプを表示するには、 --help オプションを使用する必要があります。





flutter create --help
      
      



結果:





結論

前の記事と同様に、記事は非常に有益であり、不必要な水なしであることが判明しました。





さて、最後まで読んでくれたならおめでとうございます。何か役に立つことを学んだことを願っています。





コメントにあなたの願いを残すことを忘れないでください。





次はナビに移ります。








All Articles