「Flutter」 一覧

準備 pubspec.yamlのdependenciesに、「audioplayers: ^0.14.2」を追加します。 assetにオーディオファイルが入っている場合は、assetsの指定もしましょう。 実際の使い方 設定が終わったら、ア ...

準備 pubspec.yamlのdependenciesに、「http: ^0.12.0+4」を追加します。 実際の使い方 設定が終わったら、アプリを止めてから再度、起動しましょう。 httpをインポートする時は、別名をつけておく方がわかり ...

準備 pubspec.yamlのdependenciesに、「geolocator: ^5.2.1」を追加します。 次に、Androidで動かす場合には、AndroidMAnifest.xmlを編集します。 どちらか一つのラインを、Andr ...

画面遷移をする方法 Routeを定義する時には、「initialRoute」「routes」を設定します。 遷移する時には、「Navigator.push」や「Navigator.pushNamed」を使います。 戻る時には、「Naviga ...

独自ボタンの使い方 下記の図で、WEIGHTとAGEの所に使っているボタンの作成方法を紹介します。 「RoundIconButton」でボタンを作成して、Functionを使って動作を実装しています。

Sliderクラスの使い方 「Slider」が書かれている所で実装しています。 Sliderデザインの変更 「SliderTheme」を使ってSliderのデザインを変更することができます。 「copyWith」を使うことで、default ...

実装したいこと 1枚目の画像 → 2枚目の画像にする方法です。 「180cm」のところの表示です。 実装方法 実装方法としては、この2行が必要になります。 crossAxisAlignment: CrossAxisAlignment.bas ...

ThemeDataを追加します ThemeDataに様々な色を追加 ThemeDataのdarkをベースに様々な色を追加 floatingActionButtonにだけ、ThemeDataで色を追加

Visibilityを追加します 隠したい所を、「Visibility」で囲んで、「visible」をfalseにします。

backgroundにイメージを追加します。 pubspec.ymlの設定も忘れないようにしましょう。 assets: - images/

ColumnとContainer 左上に並べる Textを追加して、範囲をミニマムに指定 デバッグモードで見ています Container内にテキストを追加しました Columnの範囲を最小にしました 左下に表示 mainAxisAlignm ...