Flutter 記事一覧

本記事では、Flutter で画像を反転して表示させる方法について紹介します！ Flutter で画像を表示する方法については、以下の記事をご参照ください。 画像を反転表示する方法 反転表示するには、Image ウィジェットの親に Tran...

Flutter で端末の現在地の高度を算出してみたので、本記事ではその方法を紹介します！ 高度の計算方法 高度は、以下の式で海面気圧、現在地の気圧、気温から求めることができます。 実装 気温、海面気圧の取得 高度を算出するために必要な気温と...

本記事では、Flutter で OpenWeather を使って現在地の天気情報を取得する方法についてご紹介します！ OpenWeather について 「OpenWeather」とは、世界中の気象データを提供している API サービスやプラ...

スマートフォンアプリでは、現在地を取得して地図に表示したり、特定のエリアに入ったことを検知したりする機能がよく使われます。例えば、ナビゲーションアプリやチェックイン機能を持つアプリなど、さまざまな場面で位置情報が活用されています。 本記事で...

アプリを作っていると、「英語対応もしたほうがいいかな？」「海外のユーザーにも使ってもらいたい！」と思うことはありませんか？そんなときに必要になるのが「ローカライズ（多言語対応）」です。本記事では、Flutterアプリをローカライズするための...

アプリの進捗状況を 視覚的に分かりやすく表示する ために、プログレスバーはよく使われます。しかし、単にバーが伸びるだけでは 今どのくらい進んでいるのか が直感的に分かりにくいこともあります。 そこで今回は、Flutterで プログレスバーに...

2024年11月24日(日)、「クレヨンしんちゃん」の「サトーココノカドー」のモデルとなっているイトーヨーカドー春日部店が閉店するそうです。 そこで、今回は「クレヨンしんちゃん」をテーマにしたアプリを Flutter で作成してみましたので...

Flutter で、アイコンボタンやアイコン付きのボタンの使い方について紹介します！ アイコンボタン アイコンのみでボタンにしたい場合は、IconButton ウィジェットを使用します。 使い方 以下のように、IconButton は、ic...

Flutter でテキストにアニメーションを付けて表示する方法について紹介します！今回は、animated_text_kit パッケージを使っていきます。 パッケージのインストール パッケージのインストール方法は、以下の記事で紹介しています...

Flutter で、親 Widget から子 Widget のメソッドを呼び出す方法と、子 Widget から親 Widget のメソッドを呼び出す方法について紹介します！ 子 Widget から親 Widget のメソッドを呼び出す方法 ...

今回は、以下の記事でつくった HP ゲージに、ダメージが入ると少しずつHPが削られていくようなアニメーションをつけてみました！そのソースコードと解説、使い方を紹介します！ アニメーション付HPゲージ ソースコード 以下がアニメーション付のH...

Flutter では、Checkbox ウィジェットを使えば、チェックボックスを表示できます。しかし、チェックボックスの横に文字などを表示して、文字部分をタップした時にもチェックボックスのチェック状態を切り替えたい場合、Checkbox ウ...

Flutter で、チェックボックスを表示する Checkbox ウィジェットについて紹介します！ 基本の使い方 Checkbox ウィジェットは、20〜27行目のように使用します。value プロパティと onChanged プロパティの...

Flutter で、文字入力を受け付けるためのフィールドを作成する TextField の ウィジェットの使い方を紹介していきます。 基本の使い方 以下のように、TextField を設置することで、テキスト入力フィールドを表示させることが...

Flutter で、画面遷移を検知して処理を行う方法について紹介します！ 方法 observer の登録 まずは、画面遷移イベントの observer を登録します。 以下のように、インスタンスを生成します。 final RouteObse...

Flutter で、ローカルデータベースにデータを保存する方法を紹介します！SQLite を扱う sqflite のパッケージを使用していきます。 パッケージのインストール sqflite のパッケージをインストールします。また、path ...