Flutter– category –

Flutterをイチから学べる、初心者に絶対オススメのプログラミングスクール講座を紹介します。 初心者を抜け出したあとの、少し上級者向けの講座も視野に入れて、自分に合ったFlutterが学べるプログラミングスクールを見つけてください。 Flutter始めるなら...

アプリを多言語化（ローカライゼーション）するには、Flutter公式が推奨する「flutter_localizations」というパッケージを使うのが一般的です。 でも、このパッケージだけでは手順が多くなるので、「Flutter Intl」というプラグインと合わせて使うのがオス...

チェックボックスは、ユーザーにon／off設定を切り替えて欲しいときに使います。 FlutterのCheckboxListTile()は、「チェックボックスの四角い枠」と「表示する文字（ラベル）」がセットで扱える便利なウィジェットです。 Checkbox()とText()を個別に組み...

Flutterの画面に配置するWidgetは、まとまりごとにカスタムWidgetとして別クラスを作成することが多いです。 その際、別クラスと、その別クラスを呼び出している親となるクラスとは、何らかのデータのやり取りが必要になります。 このクラス間のデータのや...

Android Studioの［build.gradle］をAndroidモジュールで開いてGradleタスクを表示したとき、［test］しか表示されない、あるいは、そもそも［tasks］が表示されないときの対処法です。 メニューバーの［Settings］から表示設定を変更すれば良いのだけど、...

Flutterを多言語化するには、実際にアプリに表示するテキストを各言語に翻訳した「arbファイル」が必要です。 翻訳方法はいろいろありますが、Googleスプレッドシートを使うと「GOOGLETRANSLATE関数（翻訳関数）」とその他の簡単な関数を組み合わせて、ほ...

FlutterをAndroid Studioで開発するとき、ランチャーアイコンなどの設定はネイティブアプリとして開いて操作します。 ネイティブアプリとして開くには、Android StudioのFlutterプラグインのバージョンが「80.x」以降では、それ以前と起動メニューが変わっ...

iOSシミュレーターでUnable to boot the Simulatorとエラー表示が出たら、Xcodeのキャッシュを削除してみてください。 キャッシュクリアするだけで、正常に起動するようになります。 Xcodeのキャッシュファイルは、Macの「システム設定…」から「ストレージ...

ナビゲーションバーは、スマホ画面の一番下に複数のアイコンを表示して、そのアイコンを押してスクリーン表示を切り替えます。 実装は簡単です。基本的なコードの書き方の手順と、注意点をまとめました。 この記事では、「Flutter New Project」の「main.d...

Dartで関数を実行するとき、( ){ }と( )=>の使い分けできていますか？ どちらも関数を実行するときに使う記号ですが、意味がわかっていないと()=>{}とか書いてエラーになって、なんとなく解決できたとしても、モヤモヤしてしまう。 そのモヤモヤを解決...

FlutterのDriftパッケージを使うメリットは、「SQLiteデータベースの作成・データの登録・抽出・更新・削除等のデータベースの操作を、SQL文を直接書かなくても、Dartの文法のみで実行できる」こと。 SQLiteは「SQLite3」というパッケージがありますが、SQ...

Android Studioでプロジェクト内のフォルダをまたいで文字列を検索したいときは、Find in Filesを使います。 旧バージョンでは、「Find in Path」という名称でしたが、現在は「Find in Files」という名称に変更されました。 Find in Filesを使うと、「プロ...

「Find in Path」は、「Find in Files」という名称に変わりました。 Android Studioの「Find in Path」という機能を使うと、今開いているファイル内だけでなく、プロジェクト内、特定のフォルダ内などを検索して、検索結果を一覧表示できます。 フォルダ構...

Flutterのプロジェクト内に取り込んだ画像や音声などのファイルのパスは、エディタ内から簡単に取得できます。 手入力したり、わざわざFinderに移動してコピーする必要はありません。 pubspec.yamlのassets:に画像ファイル名を入力するときなど、覚えてお...

Flutterに「location」パッケージを入れたら、Kotlinを最新バージョンにするようエラーが出ました。 エラーメッセージでは、「android/build.gradle」を修正するように言ってるけど、現在（2024.9.8）、「build.gradle」には、Kotlinのバージョンを記述す...

VSCode（Visual Studio Code）で、Flutterプロジェクトを作成して、エミュレーターを立ち上げ、実行するまでの手順を紹介します。 VSCodeでのFlutter新規作成は、モバイル開発に特化しているAndroid Studioとはちょっと違うので戸惑うかもしれないけど、一...

Flutterでドロップダウンボタンを作成するには、「DropdownMenuItem」で設定した値を、「DropdownButton」の「items:」に指定します。 ドロップダウンボタンの値を設定したあとの再表示には、「SetState()」で再ビルドを忘れずに！ 「ドロップダウンボタン...

MacのAndroid StudioでAPIレベル30のSystem Imageを作成しようとしたら、AVD Manager（Device Manager）の操作だけでは設定することができませんでした。（2021年7月現在） AVD Manager（Device Manager）でsystem imageを選ぼうとしても、現時点ではAPIレ...

M1 Mac（Appシリコン）のAndroid Studioでは、標準で備わっているAndroidエミュレーターは使えません。（2022.4.4現在） でもエミュレーターがないと困るので、Googleが出しているAndroid Emulatorというアプリをインストールして使います。 Android Studi...

Android StudioでFlutterプロジェクトを開いたら、「Dart SDK is not configured」というメッセージが出てきて超びっくり！ 「え？？　プラグイン入れてるよ！　別のプロジェクトはちゃんと動いてるのに、なんで今更？？」 というわけで、そんなエラーの理...

Android Studioが「Arctic Fox」というバージョン名になりました。 バージョン名もガラっと変わって、どんな評判がでるのか様子を見ていたところ、MacOSでは、Flutterアプリを、Androidの実機またはAndroidのエミュレーターで動かすと、エラーが出るとのis...

MacにVisual Studio Code（VSCode）というエディタをインストールして基本設定をしていきます。 Visual Studio Codeと似たような名前で「Visual Studio」というのもありますが、Visual StudioはIDE（統合開発環境）です。 今回インストールするVisual Stud...

FlutterのPATHを通す作業を、マウス操作で行う方法を紹介します。 FlutterのPATHを通す方法をネット検索すると、ほとんどがターミナルでコマンドを使う方法が紹介されているけど、実はマウス操作でPATHを通すことができます。 私が以前、Flutterを最初にイ...

これまでの作業で、FluterとXcodeが入りました。 今回は、Android Studioを入れていきます。 Android Studioは、エディターとして使わないとしても、このAndroid StudioにバンドルされてるAndroid SDKは必要です。 前回までの記事はこちら FlutterのMacイ...

flutter doctorを実行したら「Android license status unknown.」と出てしまったときの対処法です。 ライセンスに同意すればいいだけかと思って、言われるままにコマンドを実行しても、そのライセンスが表示されない！ じゃ、どうすんの？　ってはなし。 ...

Android Studioは、Developersから直接ダウンロードしてインストールすることができます。 でもJetBrains社のJetBrains Toolbox Appを使って管理すると、インストールやその後のアップデートがすごく簡単にできるのでオススメです。 例えば、アップデート...

遅ればせながら、私のMacもFlutter2にアップグレードしてみました。 そのアップデート手順をまとめておこうと思います。 アップグレードの実行は、OSのターミナルからでも、Android StudioのTerminalからでも実行することができます。 Android StudioのTer...

Table Widgetを使って、文字などをテーブル状に配置する方法を紹介します。 「Column Widget」や「Row Widget」を使っても同じことができますが、複数行・複数列のときは、Tableを使うのが便利で簡単です。 「Table Widget」では「表を罫線で囲む」、「行...

Flutterは、2021年3月3日にFlutter2が発表されました。待望のメジャーアップグレードです。 Flutter２は、今までのFlutterと何が違うの？null safetyって何？使えなくなったウィジェットがあるってホント？アップグレードしなきゃダメなの？ この記事で、...

Flutterでラジオボタンを作る方法は２つあります。 ラジオボタンのウィジェット 「Radioウィジェット」：選択ボタン部分のみ 「RadioListTileウィジェット」：選択ボタンとテキスト表示 「Radioウィジェット」は、ラジオボタンのボタン部分だけを表示する...