フラッター学習()

ディレクトリ
フラッター学習()
フラッター学習(II)-FlutterGo学習

コンセプト

フラッタでは、ほとんどすべてのアライメント(位置合わせ)、パディング(パディング)とレイアウト(レイアウト)を含む、ウィジェットです。ウィジェットの主な仕事は、他の下位レベルのウィジェットに応じて自分自身を表示する方法を説明するためのビルド()メソッドを提供することです。
応答におけるフラッタスタイルのフレームワーク、(SETSTATEを呼び出し)UIの更新をもたらす、状態オブジェクトのビルド()メソッドをトリガします

pubspec.yamlプロファイルの説明

AndroidManifest.xmlに、Gradleのプロファイルで同様のアンドロイドの開発、ルートディレクトリにpubspec.yamlファイルがフラッターフラッタープロジェクトの設定ファイルです。
そこが開発中のモバイルプロファイルがありますが、違いがまだ大きくなっています。
フラッターで、そこのGradleファイルのAndroidフラッタープロジェクトフォルダ内のファイルが、唯一のあなたは、関連する必要なプラットフォーム依存性を追加するときに、これらのファイルを使用していますが。そうしないと、フラッター外部依存関係のためpubspec.yamlステートメントを使用する必要があります。
プロフィール

    #name很重要,如果修改了name所有的dart的文件的import前引用的本地的文件啊的包名都需要修改
    name: flutterdemo
    description: A new Flutter application.
     
    dependencies:
      flutter:
        sdk: flutter
     
     #添加依赖packages ^表示适配和当前大版本一致的版本,~表示适配和当前小版本一致的版本
      cupertino_icons: ^0.1.2
      english_words: ^3.1.0
     # image_picker: ^0.4.8
     
    dev_dependencies:
      flutter_test:
        sdk: flutter
     
      #启用国际化
      flutter_localizations:
        sdk: flutter
     
    #定义常量
     
    #数组
    server:
        - aaaaaa
        - bbbbbb
    	- dddddd
    #常量
    age: 22         # int
    boolitem: true  #定义一个boolean值
    name: 'hello'   #定义一个string
     
     
    flutter:
     
      # The following line ensures that the Material Icons font is
      # included with your application, so that you can use the icons in
      # the material Icons class.
      uses-material-design: true
      # To add assets to your application, add an assets section, like this:
      #添加资源,不单单是图片,images是个和pubspec.yaml配置文件同级的目录,如果不同级,需要添加..
      assets:
            - images/park.jpg
            - images/lake.jpg
            - images/touxiang.jpg
      #  - images/a_dot_burr.jpeg
      #  - images/a_dot_ham.jpeg
       #字体设置
       fonts:
         - family: Schyler
           fonts:
           - asset: fonts/Schyler-Regular.ttf
            - asset: fonts/Schyler-Italic.ttf
               style: italic
         - family: Trajan Pro
           fonts:
          - asset: fonts/TrajanPro.ttf
          - asset: fonts/TrajanPro_Bold.ttf
            weight: 700

名前:これはパッケージ名と呼ばれるべきです。
変更したコンフィギュレーションファイル名(flutterdemo -flutterdemo111)場合は、ローカルファイルのパッケージ次元の参照は修正する必要があります。import「パッケージ:flutterdemo / FourPage.dartを 」;

:グラフィックアセットの導入
資産:アプリケーション資産を識別するために必要なリソースを導入//画像は、フラッター資産が資産バンドルと呼ばれる特別なアーカイブの中に任意のフォルダに置かれていることができ、それが可能である画像、テキスト、およびその他のリソース。

- images/park.jpg
- images/lake.jpg

異なるサイズのリソース文言の写真:

…/my_icon.png
…/2.0x/my_icon.png
…/3.0x/my_icon.png

テキストは読みます:

import 'package:flutter/services.dart' show rootBundle;
Future<String> loadAsset() async {
//读取文件是的路径,就是assets下配置的 
return await rootBundle.loadString('assets/config.json');
}

使用画像:

//图片路径的配置
new AssetImage('graphics/background.png'),

:絵の負荷依存性
役割の//設定名は、あなたが他の外部パッケージの下のリソースを読み取るために必要

new AssetImage('icons/heart.png', package: 'my_icons')

:ここでは、アプリケーションの独自のアイコンを更新する方法、唯一のアンドロイド、イオス独自の仕様に応じて更新する必要がある
フォント:サポートフォント設定は、カスタムフォントを使用することができます。
設定方法:

- family: Schyler
fonts:
- asset: fonts/Schyler-Regular.ttf
- asset: fonts/Schyler-Italic.ttf
style: italic

使用します。

style: new TextStyle( fontFamily: 'Schyler', fontSize: 24.0, ),

国際化を有効にする、materialDesign:

 flutter_localizations:
sdk: flutter
flutter:
uses-material-design: true

参考:フラッターの開発ドキュメント
pubspec.yamlプロファイルの説明フラッター

公開された216元の記事 ウォン称賛91 ビュー25万+

おすすめ

転載: blog.csdn.net/yu75567218/article/details/103985510