An awesome credit card widget for Flutter

Flutter Credit Card

Basically, a credit card is a payment card issued to users (cardholders) to enable the cardholder to pay a merchant for goods and services based on the cardholder’s accrued debt (that is, the cardholder’s promise to pay the card issuer for the amounts plus the other agreed charges).

Credit cards have a variety of designs, very diverse and attractive, depending on the designer’s abilities, creativity, and requirements of the producer. This is a Flutter package that allows you to easily implement the credit card’s UI easily with card detection. 

Installing

1. Add dependency to pubspec.yamlGet the latest version in the ‘Installing’ tab on pub.dartlang.org

dependencies:
    flutter_credit_card: 0.1.1

2. Import the package

import 'package:flutter_credit_card/flutter_credit_card.dart';

3. Adding CreditCardWidget

With required parameters

CreditCardWidget(
    cardNumber: cardNumber,
    expiryDate: expiryDate, 
    cardHolderName: cardHolderName,
    cvvCode: cvvCode,
    showBackView: isCvvFocused, //true when you want to show cvv(back) view
),

With optional parameters

CreditCardWidget(
    cardNumber: cardNumber,
    expiryDate: expiryDate,
    cardHolderName: cardHolderName,
    cvvCode: cvvCode,
    showBackView: isCvvFocused,
    cardbgColor: Colors.black,
    height: 175,
    textStyle: TextStyle(color: Colors.yellowAccent),
    width: MediaQuery.of(context).size.width,
    animationDuration: Duration(milliseconds: 1000),
    ),

GitHub

https://github.com/simformsolutions/flutter_credit_card