Thursday, 1 August 2019

A credit card widget for Flutter

A credit card widget for Flutter


Flutter Credit Card

A Flutter package allows you to easily implement the Credit card's UI easily with the Card detection.
A credit card widget for Flutter

Installing

  1. Add dependency to pubspec.yaml
    Get the latest version in the 'Installing' tab on pub.dartlang.org
dependencies:
    flutter_credit_card: 0.1.1
Dart
  1. Import the package
import 'package:flutter_credit_card/flutter_credit_card.dart';
Dart
  1. 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

A credit card widget for Flutter application. — Read More
Latest commit to the master branch on 7-30-2019
Download as zip