Flutter 信用卡

一个 Flutter 包,允许您通过信用卡检测轻松实现信用卡 UI

Flutter-Credit-Card

安装

  1. 将依赖项添加到 pubspec.yaml

    在 pub.dartlang.org 的“安装”选项卡中获取最新版本

dependencies:
    flutter_credit_card: 0.1.1
  1. 导入包
import 'package:flutter_credit_card/flutter_credit_card.dart';
  1. 添加 CreditCardWidget

使用必需参数

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

使用可选参数

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