プログラミング、フリーダイビング、ブロックチェーンのブログ

プログラミング道場

「Flutter」 一覧

【Flutter入門】Flutterでオーディオファイルを再生する方法

2020/04/16   -Flutter, プログラミング

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

【Flutter入門】Flutterでhttpリクエストを処理してJSONデコードする方法

2020/04/16   -Flutter, プログラミング

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

【Flutter入門】Flutterで位置情報を取得する方法

2020/04/14   -Flutter, プログラミング

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

【Flutter入門】画面遷移をする方法(値を渡す方法も紹介します)

2020/04/12   -Flutter, プログラミング

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

インフィード広告

【Flutter入門】独自の複数ボタンを作成する方法

2020/04/11   -Flutter, プログラミング

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

【Flutter入門】スライダーを実装する方法

2020/04/11   -Flutter, プログラミング

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

【Flutter入門】部品を綺麗に並べる方法

2020/04/10   -Flutter, プログラミング

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

【Flutter入門】部品の色を変更する方法

2020/04/09   -Flutter, プログラミング

ThemeDataを追加します ThemeDataに様々な色を追加 ThemeDataのdarkをベースに様々な色を追加 floatingActionButtonにだけ、ThemeDataで色を追加 まとめ Flutterで、部品の色を変更 ...

【Flutter入門】ボタンを隠す方法

2020/04/09   -Flutter, プログラミング

Visibilityを追加します 隠したい所を、「Visibility」で囲んで、「visible」をfalseにします。 まとめ Flutterで、ボタンを隠す方法を紹介しました。 Good luck for your engineer ...

インフィード広告

【Flutter入門】バックグラウンドにイメージを追加する方法

2020/04/08   -Flutter, プログラミング

backgroundにイメージを追加します。 pubspec.ymlの設定も忘れないようにしましょう。 assets: - images/ まとめ この記事では、Flutterでbackgroundにイメージを追加する方法を紹介しました。 ...

【Flutter入門】様々なレイアウトの作成方法

2020/04/01   -Flutter, プログラミング

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

Copyright© プログラミング道場 , 2020 All Rights Reserved Powered by AFFINGER4.