GoogleのUIツールキットFlutterは、モバイル、ウェブ、デスクトップ向けのクロスプラットフォームアプリケーションを作成するためにますます人気が高まっています。
フラッター プログラミング言語ではなく、ソフトウェア開発キットです。 ダート FlutterSDKの下で使用されるプログラミング言語です。
Flutterは、GoogleのオープンソースFuchsia OS、Google STADIA、その他多くのソフトウェアやモバイルアプリの背後にある主要なフレームワークです。
Flutterを使用して開発を開始する場合、このチュートリアルは、Ubuntuおよびできれば他のLinuxディストリビューションでセットアップを準備するのに役立ちます。
Snapを使用してUbuntuおよびその他のLinuxにFlutterをインストールする
LinuxにFlutterをインストールする最も簡単な方法は、Snapを使用することです。 Ubuntuを使用している場合は、すでにSnapを使用しています。 その他のディストリビューションについては、必ずスナップサポートを有効にしてください。
ターミナルを開き、ターミナルで次のコマンドを使用してFlutterをインストールします。
sudo snap install flutter --classic
ターミナルに次のようなものが表示されます。
インストールが完了したら、それを確認します。 Flutterのインストールだけでなく、Flutterが正しく機能するために満たす必要のあるすべての依存関係を確認します。
Flutterの依存関係を確認する
Flutterが正しく機能するために、すべての依存関係がインストールされていることを確認するために、Flutterには次のオプションが組み込まれています。
flutter doctor
プロセスは次のように開始されます。
そして、それはこのように終了します：
ご覧のとおり、動作するにはAndroidStudioが必要です。 それではインストールしましょう。 どうすればいいですか？ LinuxへのAndroidStudioのインストールも、Snapを使用すれば簡単です。
AndroidStudioをインストールしてセットアップする
ターミナルで、次のコマンドを使用してAndroidStudioをインストールします。
sudo snap install android-studio --classic
インストールしたら、オペレーティングシステムメニューからAndroidStudioを開きます。
ほぼ完了です。 AndroidStudioを構成するときが来ました。
複雑にしたくない場合は、[次へ]をクリックして[標準]を選択します。
お好みのテーマを選択してください（私はダークテーマが好きです）。
すべてがOKであることを確認し、[次へ]をクリックします。
最後に、[完了]ボタンを押します。
そして、ダウンロードが完了するまで待ちます。
サンプルのHelloWorldFlutterアプリを作成する
Android Studioで、[プロジェクト]に移動し、[新しいフラッタープロジェクト]を選択します。 FlutterSDKパスはデフォルトで設定されます。
そして、ここで魔法が現れ始めます。これは、プロジェクト名を設定する場所であり、この場合はhello_worldと呼ばれます。
利用可能な3つのプラットフォームを選択しましょう。 Android、iOS、およびWeb。 そして最後に、[完了]をクリックします。
プロジェクトのプリンシパルファイルは次の場所にあります。 lib/main.dart、次の画像に示すように。
選択したら、ファイル内に含まれるすべてを消去し、次のサンプルコードに変更します。
// Copyright 2018 The Flutter team. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Welcome to Flutter',
home: Scaffold(
appBar: AppBar(
title: const Text('Welcome to Flutter'),
),
body: const Center(
child: Text('Hello World'),
),
),
);
}
}
これは、Flutterがどのように機能するかを示すためだけのものであると言うことが重要です。この美しくて信じられないほどの言語を学ぶことに確信がある場合は、ここに ドキュメンテーション それについてもっと見るために。 試す それ！
最後に、 Chome Web デバイスをクリックしてください 走る 以下に示すように、ボタン。 そして魔法を見てください！
Flutterプロジェクトをどれだけ速く作成できるかは信じられないほどです。 HelloWorldプロジェクトに挨拶します。
最終的には…
FlutterとDartは、美しいモバイルインターフェイスとWebインターフェイスを短時間で提供したい場合に最適です。
これで、Ubuntu LinuxにFlutterをインストールする方法と、それを使用して最初のアプリを作成する方法がわかりました。 私はあなたのためにこの投稿を書くことを本当に楽しんでいました、これがあなたに役立つことを願っています、そしてあなたが質問をするならば、コメントを残すか私に電子メールを送ることによって私に知らせてください [email protected] 幸運を！
物理学とデータサイエンスの学生であるMarcoAntonioCarmonaGalvánによるチュートリアル。
