react-native-credit-card-ui-pkg

1.1.1 • Public • Published

react-native-credit-card-ui-pkg

Credit card UI module

This is a fully functional and animated credit card form library, and it's ready to use 🚀

Demo

Support

iOS & Android

Installation

npm i react-native-credit-card-ui-pkg

Usage

import ReactNativeCreditCardUi from 'react-native-credit-card-ui-pkg';


// ...
return (
    //...
    // must set minimum height to 350 units
    // onComplete will trigger once the whole card is filled name, card number, cvv number and expiry date  
    <View style={{height:350}}> 
        <ReactNativeCreditCardUi onComplete={ (todo) => {
                    //...
                    todo = {...todo, number: todo.number.replaceAll(" ",'')}
                    console.log(todo);
                    /**
                     * this will be the return of the onComplate callback
                     {
                        number: XXXX XXXX XXXX XXXX [XXX],
                        expirationMonth: month,
                        expirationYear: year,
                        expiryText: month/year,
                        cvv: XXX[X],
                    }
                    */
                    //...
        }} />
    </View>
)

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT © Naeem ur rehman

Versions

Current Tags

VersionDownloads (Last 7 Days)Tag
1.1.13latest

Version History

VersionDownloads (Last 7 Days)Published
1.1.13
1.0.82
1.0.72
1.0.62
1.0.51
1.0.41
1.0.32
1.0.21
1.0.11
0.2.91
0.2.101
0.2.81
0.2.71
0.2.61
0.2.51
0.2.41
0.2.31
0.2.21
0.2.11

Package Sidebar

Install

npm i react-native-credit-card-ui-pkg

Weekly Downloads

25

Version

1.1.1

License

MIT

Unpacked Size

514 kB

Total Files

23

Last publish

Collaborators

  • charlieboy350