Flutterシリーズ記事 - Flutter環境構築とDart基礎

Flutter は、Google が発表したオープンソースの高性能モバイル アプリケーション開発フレームワークで、一連のコード ベースを使用して Android および iOS アプリケーションを開発できます。Dart は Flutter で使用されるプログラミング言語です。Flutter 開発環境をセットアップし、Dart 言語の基本を理解する方法を見てみましょう。

1.フラッター環境構築

1. Flutter SDKをインストールする

まず、Flutter 公式 Web サイトにアクセスして、Flutter SDK をダウンロードします。ご使用のオペレーティング システム (Windows、MacOS、Linux) に適したバージョンを選択し、ダウンロード完了後、保存したいディレクトリに解凍します。

Flutter のチャネル バージョンは常に変更されることに注意してください。Flutter の公式 Web サイトを参照してください。さらに、中国本土では、インストール パッケージのリストを取得したり、インストール パッケージを通常どおりダウンロードしたりするには、壁を越える必要がある場合があります。読者は、Flutter github プロジェクトにアクセスして、インストール パッケージをダウンロードすることもできます (アドレス: https) ://github.com/flutter/flutter/ リリース。

Flutter SDK をインストールするパスにインストール パッケージ zip を解凍します (例: C:\src\flutter。C:\Program Files\ などの高い権限を必要とするパスに Flutter をインストールしないように注意してください)。

Flutter インストール ディレクトリの flutter ファイルの下にある flutter_console.bat を見つけ、ダブルクリックして実行し、flutter コマンド ラインを開始します。次に、Flutter コマンド ラインで flutter コマンドを実行できます。

2. 環境変数を設定する

Flutter の bin ディレクトリを PATH 環境変数に追加します。Windows では、システム環境変数に設定できます。Mac または Linux では、export PATH="$PATH:pwd/flutter/bin" を追加できます。

3. エディターのインストールとセットアップ

VS Code または Android Studio を使用することをお勧めします。どちらも Flutter 開発をサポートしており、開発効率の向上に役立つ豊富なプラグインを備えています。対応するプラグイン ストアで「Flutter」および「Dart」プラグインを検索してインストールします。

4. 最初の Flutter プロジェクトを作成する

Flutter コマンド (flutter Doctor など) を初めて実行すると、それ自体の依存関係がダウンロードされ、自動的にコンパイルされます。後で実行するとはるかに速くなります。不足している依存関係をインストールする必要があります。インストールが完了したら、flutter Doctor コマンドを実行して、インストールが成功したかどうかを確認します。

ターミナルで次のコマンドを実行します。

flutter create my_first_flutter_app
cd my_first_flutter_app
flutter run //flutter run -d all

flutter run コマンドはエミュレーターを起動し、エミュレーター内でアプリを実行します。Flutter のようこそ画面が表示されるはずです。

5.
実行環境のセットアップ中に必ず問題が発生することに注意してください。「flutter Doctor」を使用してコンソール上で実行し、プロンプトが表示されたら、インストールする必要があるものをインストールするだけです。
私が抱えている問題は次のとおりです。

インストールされるものは次のとおりです。

2.ダーツ基礎

Dart はオブジェクト指向、クラス定義、単一継承言語であり、その構文は他のプログラミング言語 (Java、JavaScript、C など) と非常によく似ています。Dartの基礎知識をいくつか見ていきましょう。

  1. 変数と型

Dart は、int、double、String、bool などの基本的なデータ型をサポートする、厳密に型指定された言語です。

int age = 20;
double height = 1.88;
String name = 'John';
bool isOld = false;

Dart には型推論もあります。var キーワードを使用して、Dart に型を自動的に推論させることができます。

var weight = 70.5; // Dart会自动推断为double类型
  1. 制御フロー

Dart は、if-else、for、while などの一般的な制御フロー ステートメントをサポートしています。

if (isOld) {
  print('$name is old');
} else {
  print('$name is young');
}

for (var i = 0; i < 10; i++) {
  print(i);
}

while (age > 0) {
  age--;
}
  1. 関数

関数は Dart の第一級住民であり、戻り値の型宣言、パラメータ型宣言、矢印構文などをサポートします。

String greet(String name) {
  return 'Hello, $name';
}

var greet = (String name) => 'Hello, $name'; // 箭头函数,只能有一行代码

以上がFlutter環境の構築とDartの基礎についての簡単な紹介です。Dart 言語のより深い理解と学習については、Dart の公式ドキュメントを参照してください。他の言語については少し基礎があるため、これらの内容については詳しく説明しません。詳細は使用中に確認できます。これらの基本を学習したら、アプリケーション開発に Flutter を使い始めることができます。楽しい勉強をお祈りします!

おすすめ

転載: blog.csdn.net/xudepeng0813/article/details/131703473