SimformSolutionsPvtLtd / Flutter_credit_card
Licence: bsd-2-clause
A credit card widget for Flutter application.
Stars: ✭ 126
Programming Languages
dart
5743 projects
Projects that are alternatives of or similar to Flutter credit card
Flutter Apps Collection
This is a repository of a collection of apps made in flutter
Stars: ✭ 98 (-22.22%)
Mutual labels: flutter-plugin
Edge detection
This is a flutter plugin to detect edges in a live camera, take the picture of detected edges object, crop it, and save.
Stars: ✭ 116 (-7.94%)
Mutual labels: flutter-plugin
Facebook audience network
Flutter Facebook Audience Network
Stars: ✭ 122 (-3.17%)
Mutual labels: flutter-plugin
Painter
A simple flutter widget to paint with your fingers
Stars: ✭ 99 (-21.43%)
Mutual labels: flutter-plugin
Drawer Behavior Flutter
Drawer behavior is a library that provide an extra behavior on drawer, such as, move view or scaling view's height while drawer on slide.
Stars: ✭ 110 (-12.7%)
Mutual labels: flutter-plugin
Youtube player
A flutter plugin to play Youtube Videos without API Key in range of Quality(144p, 240p,360p,480p,720p and 1080p).
Stars: ✭ 118 (-6.35%)
Mutual labels: flutter-plugin
Plugins
go-flutter implementations for popular Flutter plugins
Stars: ✭ 125 (-0.79%)
Mutual labels: flutter-plugin
Super enum
Create super-powered dart enums similar to sealed classes in Kotlin
Stars: ✭ 114 (-9.52%)
Mutual labels: flutter-plugin
Flutteryoutube
Flutter Plugin to play youtube Videos
Stars: ✭ 120 (-4.76%)
Mutual labels: flutter-plugin
Flutter local notifications
A Flutter plugin for displaying local notifications on Android, iOS, macOS and Linux
Stars: ✭ 1,724 (+1268.25%)
Mutual labels: flutter-plugin
Flutter contacts
A Flutter plugin to retrieve and manage contacts on Android and iOS devices. Maintainer: @lukasgit
Stars: ✭ 119 (-5.56%)
Mutual labels: flutter-plugin
Launch review
A Flutter plugin to assist in leaving user reviews/ratings in the Google Play Store. Supports both Android and iOS.
Stars: ✭ 98 (-22.22%)
Mutual labels: flutter-plugin
Flutter Concentric Transition
A Flutter plugin to create views using concentric transition effect.
Stars: ✭ 122 (-3.17%)
Mutual labels: flutter-plugin
Background location
Flutter background location plugin for Android and iOS
Stars: ✭ 127 (+0.79%)
Mutual labels: flutter-plugin
Esys Flutter Share
A Flutter plugin for sharing files & text with other applications.
Stars: ✭ 119 (-5.56%)
Mutual labels: flutter-plugin
Flutter Credit Card
A Flutter package allows you to easily implement the Credit card's UI easily with the Card detection.
Preview
Installing
-
Add dependency to
pubspec.yaml
Get the latest version in the 'Installing' tab on pub.dartlang.org
dependencies:
flutter_credit_card: 0.1.4
- Import the package
import 'package:flutter_credit_card/flutter_credit_card.dart';
- 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,
obscureCardNumber: true,
obscureCardCvv: true,
height: 175,
textStyle: TextStyle(color: Colors.yellowAccent),
width: MediaQuery.of(context).size.width,
animationDuration: Duration(milliseconds: 1000),
),
- Adding CreditCardForm
CreditCardForm(
formKey: formKey, // Required
onCreditCardModelChange: (CreditCardModel data) {}, // Required
themeColor: Colors.red,
obscureCvv: true,
obscureNumber: true,
cardNumberDecoration: const InputDecoration(
border: OutlineInputBorder(),
labelText: 'Number',
hintText: 'XXXX XXXX XXXX XXXX',
),
expiryDateDecoration: const InputDecoration(
border: OutlineInputBorder(),
labelText: 'Expired Date',
hintText: 'XX/XX',
),
cvvCodeDecoration: const InputDecoration(
border: OutlineInputBorder(),
labelText: 'CVV',
hintText: 'XXX',
),
cardHolderDecoration: const InputDecoration(
border: OutlineInputBorder(),
labelText: 'Card Holder',
),
),
How to use
Check out the example app in the example directory or the 'Example' tab on pub.dartlang.org for a more complete example.
Credit
This package's animation is inspired from from this Dribbble art.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].