Flutter

[Flutter] AdMob を使ってバナー広告を表示する方法

Flutter で AdMob を使う Flutter に AdMob の広告を表示させるのに手間取ったので手順をメモしておきます。 Plugin で firebase_admob を使います。このプラグインでは Firebase API を使って AdMob の広告を表示します。 表示できる広告の種類はバナー広告、インタースティシャル広告、報酬付きのビデオ広告(リワード広告)の3つです。今回はバ […]

[Flutter] DatePicker を日本語化する方法

DatePicker を日本語化したい Flutter では showDatePicker() を使用することで、日付選択の為のダイアログを表示することができます。 ダイアログではカレンダーが表示され、ユーザーが任意の日付を選択します。カレンダーは日付選択の有効範囲を指定できたりと便利な機能です。 ただしデフォルトの挙動だとカレンダーが英語となっています。 ↓デフォルトの DatePicker の […]

[Flutter] List からデータをアニメーション付き削除する方法(Dismissible, AnimatedList)

Flutter の List でデータをアニメーション付きで削除したい Flutter には一覧表示のための List というウィジェットがあります。これのデータをいい感じにアニメーション付きで削除する方法をまとめます。 3つの方法を簡単にまとめます。リストのアイテムをスワイプ(スライド)して消すUIと、スワイプしたら削除ボタンが出てきてくるUI、それから任意のイベントでリストからアニメーション付 […]

[Flutter] ダイアログを表示する方法

Flutter でダイアログを表示したい Flutter でダイアログを表示するには showDialog メソッドを使います。package:flutter/material.dart をインポートすることで使用可能になります。 表示できるダイアログは AlertDialog と SimpleDialog があります。 showDialog メソッドで表示したいダイアログをパラメータで指定して表 […]

[Flutter] Firestore を導入する方法のまとめ (Android)

Flutter と Firestore Flutter は Google が中心になって開発が進められているオープンソースのクロスプラットフォームに対応したモバイルアプリケーションフレームワークです。 1ソースでお手軽に iOS, Android のアプリをビルドすることができ、とっても素晴らしいフレームワークです。 Google謹製ということで、もちろん同じく Google が運営しているクラウ […]

Flutter アニメーション入門

Flutter で アニメーション Flutter は簡単に美麗なモバイルアプリを作成できるフレームワークです。アニメーションも簡単に実装できます。 ここでは、アニメーションの基本をまとめます。 Flutter はドキュメントがしっかりしているので、公式ページを読むとだいたいは理解できます。アニメーションについては、以下のページを読むと理解できます。 Introduction to animati […]

[Flutter] 画面遷移とモーダル表示、パラメータの渡し方

Flutter で画面遷移を行う Flutter で 画面の遷移を行うには、Navigator クラスを使用します。 MaterialApp であらかじめルーティング情報を定義しておく方法と、都度設定する方法の2つがあります。 あらかじめルーティング情報を定義しておく MaterialApp ウィジェットを生成する際に、routes パラメータでルーティング情報を定義できます。たとえばページ1と2 […]

WindowsでFlutter入門(開発環境構築~デバッグ実行まで)

Flutter とは Flutter とは、Google によって開発されているオープンソースのモバイルアプリケーションフレームワークです。iOS/Android 両方のプラットフォームのアプリを1ソースで開発できる、クロスプラットフォーム対応のフレームワークです。 Flutter で開発されたアプリは、Chrome や Android と同じく、ハードウェアアクセラレーションに対応した Skia […]