React Native でクレジットカードをスキャンする

以下のような

https://raw.githubusercontent.com/kayla-tech/react-native-card-io/develop/screenshot.png

更新日時と star 数から以下のライブラリを使う

iOS × card.io のチュートリアルは以下

こちら、 Android に向けて View カスタマイズ機構が用意されていない

https://gyazo.com/91440aebfa453df18046885d6c24fe3b

そもそも Android SDK に対してそういう機構がない

ので、これを使う場合、 card.io が提供する UI を許容してもらいたい

カードスキャン後以下のような UI で有効期限、セキュリティコードを入力する必要がある

https://gyazo.com/0145aecbf214f06797734d274d329df9

コードはこんな感じ

code:javascript

CardIOModule

.scanCard()

.then(card => {

// the scanned card

})

.catch(() => {

// the user cancelled

})

React Native で画面遷移しているわけではなく、画面間での値の受け渡しを考える必要はない