{"id":2093,"date":"2022-04-07T19:03:40","date_gmt":"2022-04-07T19:03:40","guid":{"rendered":"https:\/\/mdr.foobrdigital.com\/?p=2093"},"modified":"2022-04-07T19:03:40","modified_gmt":"2022-04-07T19:03:40","slug":"flutter-card","status":"publish","type":"post","link":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/2022\/04\/07\/flutter-card\/","title":{"rendered":"Flutter Card"},"content":{"rendered":"\n<p>A card is a sheet used to represent the information related to each other, such as an album, a geographical location, contact details, etc.\u00a0<strong><em>A card in Flutter is in rounded corner shape and has a shadow<\/em><\/strong>. We mainly used it to store the content and action of a single object. In this article, we are going to learn how to create a card widget in\u00a0Flutter. We will also learn how to customize the card widget.<\/p>\n\n\n\n<p>Card creation in Flutter is very simple. We just need to call the\u00a0<strong>card constructor<\/strong>\u00a0and then pass a widget as child property for displaying the content and action inside the card. See the below code of simple card creation:<a href=\"https:\/\/www.javatpoint.com\/flutter-card#\"><\/a><a href=\"https:\/\/www.javatpoint.com\/flutter-card#\"><\/a><a href=\"https:\/\/www.javatpoint.com\/flutter-card#\"><\/a><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>return Card(  \n    child: Column(  \n      mainAxisSize: MainAxisSize.min,  \n      children: &lt;Widget>&#91;  \n        const ListTile(  \n          leading: Icon(Icons.album, size: 45),  \n          title: Text('Sonu Nigam'),  \n          subtitle: Text('Best of Sonu Nigam Song'),  \n        ),  \n      ],  \n    ),  \n  );  <\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>A card is a sheet used to represent the information related to each other, such as an album, a geographical location, contact details, etc.\u00a0A card in Flutter is in rounded corner shape and has a shadow. We mainly used it to store the content and action of a single object. In this article, we are [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[517],"tags":[],"_links":{"self":[{"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/posts\/2093"}],"collection":[{"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/comments?post=2093"}],"version-history":[{"count":0,"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/posts\/2093\/revisions"}],"wp:attachment":[{"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/media?parent=2093"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/categories?post=2093"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/tags?post=2093"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}