debit_credit_card_widget 1.0.2

Published Aug 12, 2025

SDKflutter

Platformandroidioswindowslinuxmacosweb

A Flutter widget for displaying debit and credit card designs.

Example Image

Installation

To use this package, add debit_credit_card_widget as a dependency in your pubspec.yaml file:

dependencies:
  debit_credit_card_widget: ^1.0.2

Import the package into your Flutter code:

import 'package:debit_credit_card_widget/debit_credit_card_widget.dart';

To create a DebitCreditCardWidget, simply instantiate it with the desired properties:

DebitCreditCardWidget(
cardHolderName: "John Doe",
cardNumber: "0000000000000000",
cardExpiry: "1224",
// ... other properties
),

Param	Description
`width`	Give specific width to the card (take as much space available by default).
`cardHolderName`	Allow you to set the cardholder's name("John Doe" - Default).
`cardNumber`	Allow you to set the card Number("4 X 0000" - Default)(Max 16).
`cardExpiry`	Allow you to set the card Expiry("0000" - Default)(Max 4).
`validFrom`	Allow you to set the card Valid From(Max 4).
`cardDecoration`	Allows you to customize whole card decoration.
`textColor`	Allows you to change Text Color(White - Default).
`color1`	Allows you to change Gradient First Color(Pink Accent - Default).
`color2`	Allows you to change Gradient Second Color(Black - Default).
`showNFC`	Allows you to show Hide NFC Logo.
`cardBrand`	`CardBrand` Enum can be Used to Specify card brand (eg.`CardBrand.visa`).
`cardBrandImage`	If cardBrand is set to `CardBrand.custom` cardBrandImage will be used.
`cardType`	`CardType` Enum can be Used to Specify card brand (eg.`CardType.credit`).
`customCardType`	If cardType is set to `CardType.custom` customCardType will be used.
`customCompanyImage`	Allows you to add custom image to top right of the card.
`backgroundDecorationImage`	Allows you to add background image int he card.

This package is open-source and released under the MIT License.

Please report any issues or contribute to this project on GitHub.