Open1

FlutterのCard()とは

FYno52FYno52

FlutterのCardは、マテリアルデザインの一部として提供されるウィジェットであり、情報をコンパクトに表示するためのボックス型の要素です。Cardは通常、テキスト、画像、アイコンなどを含むコンテンツを表示するために使用されます。

Cardウィジェットは、視覚的に分離された領域を提供し、コンテンツをグループ化する役割を果たします。これにより、コンテンツが整理され、ユーザーが情報を簡単に把握できるようになります。

以下は、基本的なCardウィジェットの例です。

Card(
  child: Column(
    children: <Widget>[
      ListTile(
        leading: Icon(Icons.person),
        title: Text('John Doe'),
        subtitle: Text('johndoe@example.com'),
      ),
      ButtonBar(
        children: <Widget>[
          FlatButton(
            child: Text('EDIT'),
            onPressed: () {/* TODO: Implement edit functionality */},
          ),
          FlatButton(
            child: Text('DELETE'),
            onPressed: () {/* TODO: Implement delete functionality */},
          ),
        ],
      ),
    ],
  ),
)

この例では、Card内にListTile（リストアイテム）とButtonBar（ボタンバー）が含まれており、それぞれのコンテンツがCard内で整然と表示されています。Cardは、情報の表示や操作のためのコンテナとしてよく使用されます。