Cardview In Flutter

Cardview In Flutter :

In this post learn how to create ListView inside a cardview in flutter.

A material design card. A card has slightly rounded corners and a shadow. Card is class extends StatelessWidget. Card evevation is must be null or non – negative.

Context

Cardview use
1) Listview inside a cardview in flutter
2) Card inside image, column, row, padding etc widgets

Flutter cardview properties:
1) color: Cardview background color
2) elevation: Shadow
3) shape: 1) RoundedRectangleBorder 2) BeveledRectangleBorder 3) StadiumBorder
Card(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(15.0),
),
child: Text(
‘Card with circular border’,
textScaleFactor: 1.2,
))

      shape: RoundedRectangleBorder(
                            side: BorderSide(
                              color: Colors.deepOrange,
                              width: 1.0,
                            ),
                            borderRadius: BorderRadius.only(
                                bottomLeft: Radius.circular(20.0),
                                topRight: Radius.circular(20.0)),
                          )

4) borderOnForeground: This property by defalut true.
5) margin
6) clipBehavior
7) child
8) semanticContainer: This property by defalut true.
Indicates a single semantic container, or false indicates a collection of single semantic nodes, which accepts a single child, but the child can be a Row, Column, or other widget containing a list of children.

For example:
child: Column() then semanticContainer: true.

1) Listview inside a cardview in flutter
https://fluttertutorial.in/listview-using-card-in-flutter/

2) Card inside image in flutter

Container(
                           height: 250,
                           child: Card(
                             child: Image.asset(
                               'assets/push.jpg',
                               fit: BoxFit.cover,
                             ),
                             shape: RoundedRectangleBorder(
                               borderRadius: BorderRadius.circular(10.0),
                             ),
                             elevation: 5,
                             margin: EdgeInsets.all(10),
                           ))

The flutter tutorial  is a website that bring you the latest and amazing resources of code. All the languages codes are included in this website. The languages like flutter, android, java,kotlin etc.with the help of this languages any user can develop the beautiful application

For more information about Flutter. visit www.fluttertutorial.in