{"id":2095,"date":"2022-04-07T19:05:19","date_gmt":"2022-04-07T19:05:19","guid":{"rendered":"https:\/\/mdr.foobrdigital.com\/?p=2095"},"modified":"2022-04-07T19:05:19","modified_gmt":"2022-04-07T19:05:19","slug":"flutter-card-properties","status":"publish","type":"post","link":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/2022\/04\/07\/flutter-card-properties\/","title":{"rendered":"Flutter Card Properties"},"content":{"rendered":"\n<p>We can customize the card using the properties. Some of the essential properties are given below:<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table><tbody><tr><th>Attribute Name<\/th><th>Descriptions<\/th><\/tr><tr><td>borderOnForeground<\/td><td>It is used to paint the border in front of a child. By default, it is true. If it is false, it painted the border behind the child.<\/td><\/tr><tr><td>color<\/td><td>It is used to color the card&#8217;s background.<\/td><\/tr><tr><td>elevation<\/td><td>It controls the shadow size below the card. The bigger elevation value makes the bigger shadow distance.<\/td><\/tr><tr><td>margin<\/td><td>It is used to customize the card&#8217;s outer space.<\/td><\/tr><tr><td>shape<\/td><td>It is used to specify the shape of the card.<\/td><\/tr><tr><td>shadowColor<\/td><td>It is used to paint the shadow of a card.<\/td><\/tr><tr><td>clipBehavior<\/td><td>It is used to clip the content of the card.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>If we want to customize the card&#8217;s size, it is required to place it in a\u00a0<strong>Container or SizedBox<\/strong>\u00a0widget. Here, we can set the\u00a0<strong>card&#8217;s height and width<\/strong>\u00a0that can be shown in the below code:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Container(  \n    width: 150,  \n    height: 150,  \n    child: Card(  \n       ...  \n    ),  \n  )  <\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>We can customize the card using the properties. Some of the essential properties are given below: Attribute Name Descriptions borderOnForeground It is used to paint the border in front of a child. By default, it is true. If it is false, it painted the border behind the child. color It is used to color the [&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\/2095"}],"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=2095"}],"version-history":[{"count":0,"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/posts\/2095\/revisions"}],"wp:attachment":[{"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/media?parent=2095"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/categories?post=2095"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/tags?post=2095"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}