Flutter で、VIVANT のドラムが使用しているアプリを再現してみました。Flutter を使用すれば、Android、iOS 両方のアプリを一度に作成できますので、ドラムのアプリが欲しいという方は、是非、以下を参考に作成してみてく...

Flutter で、音声読み上げ機能を実装する方法について紹介します！ 事前準備 flutter_tts というパッケージを使うと、文字を音声として読み上げる機能を簡単に実装できます。 パッケージをインストール まずは、flutter_tt...

Flutter で表を作成するには、Table Widget を使用すれば作成できます。Column Widget と Row Widget を使用すれば、表形式に配置することはできますが、Table Widget を使用するとより簡単に表...

タブのページをスワイプで切り替える方法を紹介します！ 前提 タブでページを切り替えられるようになっていることが前提です。タブでのページ切り替えについては、以下の記事で紹介していますのでご参照ください。 方法 スワイプでページ切り替えを行うに...

Flutter で画面下部にタブを表示するには、BottomNavigationBar を使用します。今回は、この BottomNavigationBar を使用してタブでページを切り替えられうようにする方法を紹介します！ BottomNa...

ListView でスクロールバーを表示する方法を紹介します！ListView の使い方については、以下の記事をご参照ください。 スクロールバーの表示方法 ListView にスクロールバーを表示するには、Scrollbar を使用します。...

今回は、ListView について紹介します！ListView は、スクロール可能なリストを表示するための Widget です。画面に ListView の項目が収まらない場合はスクロールできます。 基本の使い方 以下のように、childr...

Flutter で時刻を入力できるようにする方法について紹介します！ 日付入力を受け付ける DatePicker については、以下の記事で紹介しています。 方法 以下の関数を、ボタンの押下時等に呼び出すことで、時刻入力を受け付けることができ...

Flutter でカレンダーを表示して、日付入力を受け付ける方法について紹介します！ 方法 以下の関数を呼び出すと、カレンダーが開いて日付を選択できるようになります。 Future<void> _selectDate(BuildContex...

Flutter で BGM や効果音を再生する方法について紹介します！今回は、AudioPlayers のパッケージを使用して音声を再生します。 事前準備 事前準備として、AudioPlayers のパッケージインストールや、音声ファイルの...

Flutter で WebView を使用して、Webページを表示する方法についてご紹介します！ 事前準備 パッケージをインストール Flutter の WebView については、公式のパッケージがあります。まずは、公式パッケージをインス...

Flutter で 以下のような HP によって色が変わる HP ゲージをつくってみました！そのソースコードと解説、使い方を紹介します！ ソースコード 今回作成した HP ゲージの独自 Widget クラスのソースコードが以下になります。 ...

Flutter におけるプログレスインジケータのサイズや、線の太さ、色といったデザインを変更する方法を紹介します！Flutter のプログレスインジケータの種類と表示方法については、以下の記事で詳しく紹介していますので、よろしければご参照く...

Flutter における プログレスインジケータ（Progress Indicator）の種類と表示方法について紹介します！プログレスインジケータは、処理の進行状況を表すときに使用されます。Progress が「進捗」、Indicator ...