flutter_credit_card_brazilian 0.0.2 flutter_credit_card_brazilian: ^0.0.2 copied to clipboard
Componente para Cartão de Credito.
Flutter Credit Card Brazilian #
Pacote Flutter que permite você implementar facilmente a IU do cartão de crédito com a detecção de cartão.
Bandeiras presentes no pacote:
- mastercard,
- visa,
- americanExpress,
- discover,
- elo,
- assomise,
- dinersclub,
- fortbrasil,
- hiper,
- hipercard,
- jcb,
- sorocred,
- aura
Preview #
Installing #
-
Adicionar dependência a
pubspec.yaml
Obtenha a versão mais recente na guia 'Instalando' em pub.dartlang.org
dependencies:
flutter_credit_card_brazilian: 0.0.2
- Importe o pacote
import 'package:flutter_credit_card_brazilian/flutter_credit_card_brazilian.dart';
- Adicionando CreditCardWidget
Parâmetros obrigatórios
CreditCardWidget(
cardNumber: cardNumber,
expiryDate: expiryDate,
cardHolderName: cardHolderName,
cvvCode: cvvCode,
showBackView: isCvvFocused, //true when you want to show cvv(back) view
),
Parâmetro opcionais
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),
),
- Adding CreditCardForm
CreditCardForm(
themeColor: Colors.red,
onCreditCardModelChange: (CreditCardModel data) {},
),
Localization #
To localize text field hints and labels, use LocalizedText
model.
const LocalizedText localizedText = LocalizedText(
cardNumberLabel: 'Kreditkartennummer',
cardNumberHint: 'XXXX-XXXX-XXXX-XXXX',
expiryDateLabel: 'Ablaufdatum',
expiryDateHint: 'MM/JJ',
cvvLabel: 'Kartenprüfnummer',
cvvHint: 'XXX',
cardHolderLabel: 'Karteninhaber',
cardHolderHint: 'Max Mustermann',
);
return Column(
children: <Widget>[
CreditCardWidget(
cardNumber: cardNumber,
expiryDate: expiryDate,
cardHolderName: cardHolderName,
cvvCode: cvvCode,
showBackView: isCvvFocused,
localizedText: localizedText,
),
Expanded(
child: SingleChildScrollView(
child: CreditCardForm(
onCreditCardModelChange: onCreditCardModelChange,
localizedText: localizedText,
),
),
],
);
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.