react-native-credit-card-input icon indicating copy to clipboard operation
react-native-credit-card-input copied to clipboard

Fix react-native-web Compatibility for LiteCreditCardInput

Open jeremyblalock opened this issue 5 years ago • 1 comments

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

jeremyblalock avatar Mar 12 '19 17:03 jeremyblalock

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

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

ebellumat avatar Oct 21 '19 18:10 ebellumat