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

プログラミング道場

「プログラミング」 一覧

【Flutter入門】Flutterで背景色を1秒間で変化させる方法(Animation)

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

使い方 まずは、mixinをします。 with SingleTickerProviderStateMixin { 次に、initStateの中で、設定をします。 Durationは、変化にかかる時間です。 この例だと、blueGreyからw ...

【Flutter入門】Flutterでローディング中に画像を表示させる方法

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

準備 pubspec.yamlのdependenciesに、「flutter_spinkit: "^4.1.2"」を追加します。 表示させたいのは、こういった画像です。 実際の使い方 設定が終わったら、アプリを止めてから再度、起動しましょう ...

【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 ...

Dart

【Dart入門】finalとconstの違い

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

finalとconstの基本的な説明 finalとconstは、一度、代入したら、その後は値が変わらない変数を定義したい時に使います。 再代入しようとすると、エラーが出るところが、普通の変数とは異なります。 finalとconstの違い 「 ...

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

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

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

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

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

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

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