Flutter– category –
-
Flutter
[Flutter] モーダル(Modal)の作り方
Flutterには、showModalBottomSheetとshowDialogという2つのメソッドがあります。どちらもモーダルを表示するために使用されますが、それぞれ独自の特徴があります。ここでは、それぞれのメソッドでモーダルを作成し、モーダルを閉じるための2つの異なる方... -
Flutter
[Flutter] カスタムウィジット(Custom Widget)の作り方
Flutterは、カスタムウィジェットを簡単に作成できる柔軟なフレームワークです。この記事では、Flutterでカスタムウィジェットを作成する方法を説明します。 【ステップ1:ウィジェットの作成】 最初に、カスタムウィジェットを作成する必要があります。カ... -
Flutter
[Flutter] レスポンシブ対応(MediaQuery)
Flutterは、スマートフォンやタブレットなどのデバイスに合わせてアプリのレイアウトを調整するために、多くの便利な機能を提供しています。その中でも、MediaQueryはデバイスのサイズに関する情報を提供するクラスです。この記事では、FlutterのMediaQuer... -
Flutter
[Flutter] レスポンシブ対応(LayoutBuilder)
LayoutBuilderは、親ウィジェットのサイズに合わせて、子ウィジェットのレイアウトを調整するためのウィジェットです。レスポンシブなUIを作成する場合に非常に便利であり、特に画面サイズが異なる場合に役立ちます。LayoutBuilderは、以下のように使用で... -
Flutter
[Flutter] ローカライズについて知ろう(2)
Flutterのローカライズに関する記事の第2弾です。前回の紹介記事では、ローカライズの内容が1ファイルにまとまっているため、少し規模が大きくなると、管理が煩雑になり、使い勝手が悪くなります。そのため、今回は言語ごとにファイルを分けて、管理しやす... -
Flutter
[Flutter] ローカライズについて知ろう(1)
Flutterは、アプリの多言語化を簡単に実装できるローカリゼーション(多言語化)のサポートを提供しています。この機能を使用することで、アプリの文字列を翻訳する必要がある場合でも、簡単かつ効率的に実装することができます。以下では、Flutterでのロ... -
Flutter
[Flutter] ブラウザ/iOS/Androidでの稼働確認方法
Flutterは1つのコードで異なるデバイスのアプリを開発できるクロスプラットフォームフレームワークです。本記事では、1つのコードを複数のデバイスで稼働確認を行う方法を紹介します。 【今回利用するサンプルコード】 以下のコードをブラウザ/iOS/Androi... -
Flutter
[Flutter] シミュレータの追加方法
コーディングの実行結果をWebブラウザ以外のiOS及び、Androidシミュレータで確認するためにはFlutter側でシミュレータを認識できるようにする必要があります。この記事では、シミュレータを認識できるようにする方法を紹介します。 【Flutterで認識してい... -
Flutter
[Flutter] RichText って何?
FlutterのRichTextは、複数のテキストスタイルを含むテキストを表示するために使用されます。RichTextウィジェットは、TextSpanウィジェットを使用して構築されます。TextSpanウィジェットは、親ウィジェットにテキストのスパンを追加するためのメソッドを... -
Flutter
[Flutter] OutlinedButtonって何?
Flutterは、Googleが開発したオープンソースのモバイルアプリケーションフレームワークです。Flutterは、高速なアプリケーション開発を支援し、多くの機能やウィジェットを提供します。Flutterのウィジェットは、アプリケーションの様々な要素を構成するこ...