flutter_custom_cards

Description:

flutter custom cards

Flutter Custom Cards #
Flutter Custom Cards help developers to create beautiful custom cards and 3D cards with flutter.




Demo Screenshot #

Getting Started #
Add the package In your pubspec.yaml
flutter_custom_cards: ^0.2.1
copied to clipboard
Import and use
import 'package:flutter_custom_cards/flutter_custom_card.dart'
copied to clipboard
Basic Usages #
To create a CustomCard
CustomCard(
borderRadius: 10,
color: Colors.yellow,
hoverColor: Colors.indigo,
onTap: () {},
child: Text('Flutter'),
),
copied to clipboard
To Create a Custom3DCard
Custom3DCard(
elevation: 4,
child: SizedBox(
height: 100,
width: 100,
child: Center(
child: FlutterLogo(size: 65),
),
),
),
copied to clipboard

For Full Uses See Example Section

Major Changes #
On version 0.2 the following major changes were done on the release

TextCard, ImageCard and WidgetCard have been merged into single card named CustomCard.
Now new CustomCards supports onTap, hoverColor, height, width and more.
Custom3DCard is introduced in this version that was not in the previous version.
Now there are only two cards CustomCard and Custom3DCard

CustomCard Options #
The following options are available on CustomCard



Property
Type
Description




borderColor
Color
Border color of card


borderRadius
double
Radius of the card


borderWidth
double
Border width of card


child
Widget
child Widget of card


childPadding
double
Padding for the child widget (default is 5)


color
Color
Background Color for card


elevation
double
Elevation for the card (default is 3)


height
double
Height of the card (if null the height will be according to child widget)


hoverColor
Color
Hover color of card (only visible if onTap is not null)


key
Key
Key is an identifier for card


onTap
GestureTapCallback
Signature for when a tap has occurred.


shadowColor
Color
Shadow color of card


splashColor
Color
Splash color of card (only visible if onTap is not null


width
double
Width of the card (if null the width will be according to child widget)



Custom3DCard Options #
The following options are available on Custom3DCard



Property
Type
Description




borderOnForeground
bool
If false, the border will be painted behind the child (default true)


child
Widget
Child widget of card


color
Color
Color of card


elevation
double
Elevation of card


key
Key
Key is an identifier for card


margin
EdgeInsetsGeometry
The empty space that surrounds the card


semanticContainer
bool
Whether this widget represents a single semantic container (default true)


shadowColor
Color
The color to paint the shadow below the card.


shadowSpread
double
Spread distance of shadow below card (default is 10)


shape
ShapeBorder
The shape of the card



Upcoming #
The following features will rollout soon

onTap option on Custom3DCard as well
onHover option in both of the cards
onLongPressed and onDoubleTap option in both of the cards
style property in Custom3DCard using this we can create different types of 3d cards.

License #
This project is licensed under the MIT license. See LICENSE for details.