タグ

ブックマーク / flutter.ctrnost.com (2)

  • レイアウト概要 | Flutter Doc JP

    Widgetの基的な種類と役割Flutterの基構成はほとんど全てWidgetです。 Flutterアプリで使われている画像、アイコン、テキストは全てウィジェットでできています。 行やカラム、グリッド、配置、制約、整列などレイアウトするために必要なウィジェットが揃っています。 ウィジェットはツリー構造をイメージするとわかりやすいです。 人によってはHTMLやXMLのようなものとしても理解しやすいかもしれません。 また、レイアウト構成を確認しながら作業をしたい場合は、「debugPaintSizeEnabled」を有効にすると以下のようになります。 もともとアプリエンジニアであれば皆さんよく行う手法ですが、アイテムそれぞれの背景色を変更して見た目を確認する作業に似ていますね。 // パッケージを追加 import 'package:flutter/rendering.dart'; voi

    レイアウト概要 | Flutter Doc JP
  • Card | Flutter Doc JP

    CardCardはマテリアルデザインを適応したウィジェットを作成するのに利用します。 他のレイアウトと合わせて綺麗なレイアウトを作ることができます。 body: Card( margin: const EdgeInsets.all(50.0), child: Container( margin: const EdgeInsets.all(10.0), width: 300, height: 100, child: Text( 'Card', style: TextStyle(fontSize: 30), ) ), )

    Card | Flutter Doc JP
  • 1