FlutterとDartの学習に関する記事をまとめております。Dartの文法に関する記事やFlutterのWidgetの活用、エラーの解決方法などFlutterに関する記事を執筆しております。
Flutter記事まとめ
Flutter
Flutter 
Flutter 【Flutter】 ElevatedButtonを角丸にする方法を解説
FlutterのElevatedButtonを角丸で表示する方法を解説。styleにElevatedButton.styleFromを適用し、そのshapeプロパティを使用します。shapeプロパティにRoundedRectangleBorderを適用し、borderRadiusプロパティを用いることで実装します。
Dart 【Flutter/Dart】 クラスやインスタンスとは？基礎を解説
クラスとはデータや処理を管理する設計図の役割を果たします。インスタンスとはクラスを基に作り出された実態のことです。例えばUserというクラスではnameとageという情報を管理するとします。このnameとageにそれぞれ実際の値を持たせて作り出されたUserのことをインスタンスと呼びます。
Dart 【Dart基礎】 Flutter開発で使用するコンストラクタとは ？
コンストラクタとは、クラスがインスタンス化された時に実行される処理のことを言います。Dartのコンストラクタは大きく2種類あります。生成的コンストラクタでは新しいインスタンスを生成し、ファクトリコンストラクタでは一度作成したインスタンスを再利用することができます。
Flutter 【Flutter】 Null Safety とは？ 詳しく解説
Flutter2.0、Dart2.12よりNull Safetyに対応されました。Null Safetyとは、プログラムの実行時にnullが原因のエラーを発生させない仕組みのことです。Null安全などと呼ばれることもあります。これによりnull許容型とnull非許容型の2種類のデータ型を区別して扱うことが可能です。
Dart 【Dart】 toListメソッドで生成されるデータ型を指定する方法
type 'List<dynamic>' is not a subtype of type 'List<XXX>'のエラー解決方法を紹介。Dartのリスト型のメソッドである「.map」を「.map<データ型>」のように記述をすることで、.toListを行った際の要素のデータ型を明記することができるようになります。
Flutter 【Flutter】 Svgのサイズが変わらない時の対処法を解説
Flutterで表示しているSvg画像のサイズが変更できなくなった時の解決方法を紹介。SvgPictureを「FittedBox」ウィジェットでラップし、「fit」プロパティに「BoxFit.scaleDown」を設定することでサイズの変更を行うことができるようになります。
Dart 【Dart】 List.map使用時にindex番号を取得する方法を解説
今回は、Flutterの開発時に使用する言語、DartのList型のメソッド「.map」について解説します。
今回解説するのは、「.map」メソッド使用時に何番目の要素なのかを判断するインデックス番号を取得する方法です。
Li...
Dart 【Dart】 小数点を含む値の切り上げ、切り捨ての方法を解説
今回は、Flutterの開発で用いる言語Dartでの小数点を含む値の切り上げや切り捨ての方法を解説します。
ぜひ最後までご覧ください。
切り上げ
Dartで小数点以下を切り上げる時は「ceil」と言う関数を使います。次の...
Flutter 【Flutter】 画像を角丸で表示する方法
Flutterで表示する画像の角を丸くする方法を解説。表示したい画像に対して「ClipRRect」ウィジェットを適用することで実現できます。また、当ウィジェットの「borderRadius」プロパティで角の丸ませ具合を調整することができます。
Flutter 【Flutter】 iOS実機でのビルド時にTeamの設定変更が反映されない時の解決方法
FlutterプロジェクトをiOSの実機で実行する際に発生するエラーの解決方法を紹介します。Teamの設定内容がビルドに反映されない時はpod deintegrateコマンドでcocoaPodsを削除しpod installで再インストールすることで解決することができます。