card-reader-ios
A credit card reader and parser for iOS Using Native Vision/VisionKit
May-14-2021.00-43-17.mp4
Instructions
- Hold camera up to a card and stay still until it gets recoginized and a picture gets taken.
- Hit Save, and the results should get processed.
Usage as Framework
There are 2 options to present:
Simply navigate to or present CardResultsView as a sheet or View:
var body: some View {
CardFormView(colors: [.green, .blue, .black], completion: { cardDetails in
print("Card Number:\n\(cardDetails.number ?? "")")
print("Expiry Date:\n\(cardDetails.expiryDate ?? "")")
print("Name:\n\(cardDetails.name ?? "")")
print("Name:\n\(cardDetails.cvcNumber ?? "")")
print("Card Type:\n\(cardDetails.type.rawValue)")
print("Card Industry:\n\(cardDetails.industry.rawValue)")
})
}
Only the card reader view:
Add this code in your SwiftUI Main View underneath your main StackView/ScrollView/NavigationView:
.sheet(isPresented: $isShowingSheet) {
CardReaderView() { cardDetails in
self.cardDetails = cardDetails
isShowingSheet.toggle()
}
.edgesIgnoringSafeArea(.all)
}
Create two state variables to handle sheet presentation and to hold the card details result from the closure:
@State private var isShowingSheet = false
@State private var cardDetails: CardDetails?
Add the UI Presentation logic of the CardDetails however you see fit:
if let cardDetails = cardDetails {
Text("Card Number:\n\(cardDetails.number ?? "")")
Text("Expiry Date:\n\(cardDetails.expiryDate ?? "")")
Text("Name:\n\(cardDetails.name ?? "")")
Text("Card Type:\n\(cardDetails.type.rawValue)")
Text("Card Industry:\n\(cardDetails.industry.rawValue)")
}
Finally, present the CardReaderView by toggling the sheet (preferably from the closure of a button action):
Button { isShowingSheet.toggle() } label: { Text("Tap to Start Credit Card reading!") }
Notes
- I will continue to maintain this repo and keep adding new features.
- If you see a bug or have an idea for a new feature, please raise an issue or pull request :)
License
CardReader is available under the MIT license. See the LICENSE file for more info.
973 Dec 18, 2022
334 Nov 28, 2022
2 Sep 26, 2022
766 Dec 28, 2022
0 Jan 29, 2022
0 Dec 28, 2021
0 Dec 20, 2021
1 Aug 4, 2022
2 Oct 28, 2022
39 Oct 16, 2022
362 Nov 29, 2022
1.4k Dec 15, 2022
9 Jun 24, 2022
135 Sep 9, 2022
4 Apr 4, 2022
12 Oct 31, 2022
40 Nov 24, 2022