search

sbycrosz / react-native-credit-card-input

Easy, cross-platform credit-card input for your React Native Project! Start accepting payment 💰 in your app today!
MIT License
1.46k stars 699 forks source link

Fix react-native-web Compatibility for LiteCreditCardInput #138

Closed jeremyblalock closed 2 months ago

jeremyblalock commented 5 years ago

The Problem

Currently, LiteCreditInput is not working on the web (using react-native-web) because the inputs are number inputs, which on the web will not allow non-numeric characters (i.e. spaces, /, etc.). Additionally, focus outlines are making the display look different from on iOS / Android.

Solution

This PR adds two fixes:

  1. Changes the input type to text on web (by removing the keyboardType prop)
  2. Removes the outline on web, in the styles
ebellumat commented 4 years ago

Please, bring your pull requests to my repo. I Will maintain this lib.

https://github.com/ebellumat/react-native-credit-card-input