広告
Flutter/Dart

Flutterの表示本体body

この記事では、Flutterの表示本体bodyについて書いていきます。bodyとはScaffoldウィジェットが持つメインコンテンツ用の表示画面です。画面の上部に表示される appBar や、下部に表示されるbottomNavigation...
Flutter/Dart

Flutterの上部バーAppBar

この記事では、Flutterの上部バーAppBarについて書いていきます。AppBarとはアプリバーは画面上部に表示される画面タイトルや検索アイコン・メニュー・戻るボタンなどのナビゲーションを担っています。よく使用されるプロパティプロパティ...
Flutter/Dart

Flutterのコンテナのデザインdecoration: BoxDecoration

この記事では、Flutterのコンテナのデザインdecoration: BoxDecorationについて書いていきます。decoration: BoxDecorationとはデコレーション:ボックス・デコレーションと読みます。decora...
Flutter/Dart

Flutterのコンテナの余白を決めるEdgeInsets

この記事では、Fluterの余白を決めるEdgeInsetsについて書いていきます。EdgeInsets.allとは「エッジ・インセッツ・オール」と読みます。Edge(エッジ): 端、境界Insets(インセッツ): 内側に挟み込む、差し込...
Flutter/Dart

Flutterのtransformウィジェット・プロパティの使い方

この記事では、Flutterのtransformウィジェット・プロパティの使い方について書いていきます。Transformウィジェット(よく使うプロパティ)Transformウィジェットは、子ウィジェットに動き(拡大・縮小・回転・平行移動・...
Flutter/Dart

FlutterのContainerウィジェット使い方

この記事では、FlutterのContainerウィジェットの使い方について書いていきます。サンプルimport 'package:flutter/material.dart';void main() { runApp(co...
Flutter/Dart

Flutterの並びかたmainAxisAlignment:MainAxisAlignment

この記事では、Flutterの並びかたmainAxisAlignment:MainAxisAlignmentについて書いていきます。mainAxisAlignment:MainAxisAlignmentとは「メイン・アクシス・アライメント」...
Flutter/Dart

StatelessWidget、StatefulWidget省略して表示する方法

この記事では、StatelessWidget、StatefulWidget省略して表示する方法について書いていきます。方法StatelessWidget を作る入力: stless → Tab(または Enter)StatefulWidge...
Flutter/Dart

Flutterのボタンウィジェットプロパティ使い分け

この記事では、Flutterのボタンウィジェットプロパティ使い分けについて書いていきます。プロパティプロパティ名概要・役割コード例onPressedタップ(クリック)時の処理。 null にするとボタンが無効化(disabled)されます。...
Flutter/Dart

【StatelessWidget】Flutterでボタンを表示する方法

この記事では、StatelessWidgetでFlutterでボタンを表示する方法について書いていきます。サンプルimport 'package:flutter/material.dart';void main() { ru...
広告