1. 環境構築
1. Flutter環境のインストール
Androidのコードの都合上、Flutter3.0以降の文法と矛盾するjarパッケージが多く、最新のFlutter言語開発を利用することができず、FlutterのバージョンをFlutter3.0以下に制御する必要があります。一貫した Android 環境の場合、Flutter2 .2 バージョンを使用します。
私のコンピュータにはすでに Flutter3.0 がインストールされているため、ダウングレードする必要があります。まずターミナルを開きます。具体的なダウングレード方法は次のとおりです。 1.
すべてのブランチと現在のブランチを表示します。
flutter channel
2. 指定したブランチに切り替えます
flutter channel stable
3. 指定したバージョンにダウングレードします
flutter downgrade v2.2.0
4. Flutter環境を確認する
flutter doctor
最新の Flutter バージョンをインストールしたい場合は、これを行うことができます
Apple チップの Mac コンピュータで使用する場合は、いくつかの補助ツールが必要なため、Rosetta 2 環境もインストールする必要があります。次のコマンドを手動で実行してインストールできます。
sudo softwareupdate --install-rosetta --agree-to-license
M シリーズ チップではない場合は、次のステップに直接進みます。
1. 次のインストール パッケージをダウンロードして、最新の安定した Flutter SDK を入手します:
Intel チップのダウンロード
2. ファイルをターゲット パスに解凍します。例:
cd ~/development
unzip ~/Downloads/flutter_macos_3.7.12-stable.zip
3. flutter の PATH 環境変数を設定します。
export PATH="$PATH:`pwd`/flutter/bin"
このコマンドは PATH 環境変数を構成し、現在のコマンド ライン ウィンドウでのみ有効になります。これを永続的にするには、「PATH 環境変数の更新」を参照してください。
4. Flutter環境を確認する
flutter doctor
以下の図に示すように、Flutter 環境が構成されたことを意味します。
2.XCodeのインストールと設定
iOS 用の Flutter アプリケーションを開発するには、Xcode 9.0 以降が必要です。iOS には互換性が必要な新機能がいくつかあるため、通常は最新の XCode バージョンを使用し、インストールは比較的簡単です。Mac App Store を開いて検索します。 XCode の場合。
XCode のインストールが完了したら、開発者アカウントまたは開発証明書を設定する必要があります。そうしないと、実機でデバッグできなくなります。具体的な手順は次のとおりです: XCode を開く -> XCode オプション、設定 -> アカウント
- > 開発者アカウントの追加
完了後は以下のようになります。
FlutterとiOSの混合開発はBitCodeをサポートしていないため、BitCodeを次のように設定する必要があります。
3. Cocoapodsのインストール
現在、iOS 開発におけるサードパーティ管理ツールの主流は Cocoapods です。Flutter はこの管理方法を公式に推奨しています。手動での統合に比べて便利です。簡単なスクリプト言語を使用するだけで最新のコードを統合できます。
具体的な統合方法は以下の通りです。
1. Ruby環境をインストールする
Mac には独自の Ruby 環境が付属しています。これについてはもう気にする必要はありません。現在の Flutter 構文がデフォルトの Ruby と競合する場合は、必要なバージョンをインストールする必要があります。ここでは、プロジェクトのリファクタリングとコンポーネント化のため、新しいスクリプト構成を使用します。ここでは、ruby 環境には 2 つのバージョン、ruby-2.6.3 と Ruby-3.0.0 をインストールする必要があります。関連するインストールとバージョンの切り替えは次のとおりです。 1. 現在の Ruby バージョンを表示します
。
rvm list
2. インストール可能なrubyのバージョンを確認する
rvm list known
3. 希望の Ruby バージョンをインストールします
rvm install 3.0.0
rvm install 2.6.3
4. Rubyのデフォルトバージョンを切り替える
rvm use ruby-3.0.0 --default
もちろん、実行に特定の Ruby 環境を必要とする他のローカル ツールがある場合は、4 番目のステップを通じて対応する環境に切り替えるだけで済みます。
2. 内蔵のRubyイメージを削除する
ターミナルを入力します:
gem sources --remove https://rubygems.org/
3. 新しい画像を追加します
ターミナルを入力します:
gem source --add https://gems.ruby-china.com/
追加が完了したら、必要なミラーが 1 つだけであることを確認し、ターミナルに次のように入力します。
gem sources -l
4. Rubyを更新する
ターミナルを入力します:
sudo gem update --system
5. Cocoapod をインストールする
ターミナルを入力します:
sudo gem install -n /usr/local/bin cocoapods
6. Cocoapods が正常にインストールされているかどうかを確認します
ターミナルを入力します:
pod --version
7. ポッドのインストール
ターミナルを入力します:
pod setup
8.完了
2. Flutter コードの開発と構成
統合する前に、最初に Flutter コードを実行する必要があります。そうしないと先に進むことができません。チェックしたコードが完全であるかどうかを確認する必要があります。フォルダー内に pubspec.yaml ファイルが存在する必要があります。それ以外の場合は、対応する iosファイルを生成できないフォルダーがある場合、iOS フォルダーが見つからない場合は、最初に対応するコマンドを実行する必要があります。
VSCode ターミナルで実行します。
flutter pub get
新しいページを開発する必要がある場合は、この時点で作成できます。
1. 実機デバッグ
実機のデバッグが必要な場合は、XCode で関連する証明書をさらに構成する必要があります。iOS 開発では、実機デバッグには開発者アカウントが必要です。そうでない場合、生成された関連証明書の有効期間は 7 日間のみで、7 日を過ぎると再使用できません。デフォルトでは、自動証明書管理を使用して、それは簡単です。
.ios フォルダーを開き、Runner.xcworkspace ファイルをダブルクリックし、XCode を使用して対応するプロジェクトを開きます。次に
、対応する場所を見つけて開発者アカウントを構成します。アカウントの構成は次のとおりです。
構成が完了したら、実行するデバイスを選択し、実行ボタンをクリックしてコードが正常に実行されていることを確認します。
それが機能する場合は、通常は問題なく、統合する準備ができています。
2. Cocoapods を通じてコードをプロジェクトに統合します
1. プロジェクトフォルダー構成
ここでは、Flutter フォルダーと iOS プロジェクトのルート ディレクトリ フォルダーを同じレベルに配置する必要があります。
2. Podfileフォルダーを編集します
このフォルダーは、iOS プロジェクト プロジェクト内のすべてのサードパーティ ライブラリの構成ファイルであり、基本的にすべてのサードパーティ バージョンの管理を制御します。ここに、Flutter プロジェクトのコードと依存ライブラリを追加する必要があります。追加方法はたくさんありますが、Flutter1.0とFlutter2.0、Flutter3.0の統合方法は異なります。これはFlutterの公式ドキュメントに記載されています。以下はFlutter2.0版の設定方法です。インポートする必要があるプロジェクトのパス
と名前。
次に、ターゲットの下に統合を追加します
3. Flutter コードを統合する
ターミナルを開き、iOS プロジェクトに移動します
773dfa.png) を
選択し、次を実行します。
pod install
注: iOS プロジェクトでは、多くの新しいスクリプト言語を使用します。ポッド インストールの実行が失敗した場合は、まず Ruby 環境をバージョン 3.0.0 に切り替えてから、ポッド インストールを実行し、次に に切り替える必要があります。 2.6.3 実行後
うまくいけば、この時点でコードは統合されており、この時点で iOS プロジェクトを開くと、さらに 3 つのライブラリが見つかります。
次に、上記の実機デバッグに従って実行し、正常に動作すれば統合は完了です。
注: 統合部分にはいくつかの落とし穴があり、いくつかの設定が書かれていますが、基本的に上記の手順に従うことで回避できます。最終的に実行に失敗し、XCode が特定のエラーを報告しない場合は、基本的に一部の環境設定バージョンの競合が原因で発生します。再度、構成環境のバージョンを確認してください。