小编Bea*_*est的帖子

使用相机通过 React Native 扫描信用卡

我正在为 iOS 和 Android 创建一个 react native(版本 0.62.2)应用程序,我希望用户能够使用手机上的摄像头扫描他们的信用卡/借记卡以用于付款。我使用的是react-native-awesome-card-io库,我使用了该库的 Github readme here 中的简单示例。我在 iPhone XR (iOS 13) 上运行了该应用程序,一切似乎都运行良好,只是它似乎无法从卡中获取信息(即信用卡号、到期日期、姓名)。我无法在 Android 上进行测试,因为我没有 Android 设备(并且它在模拟器上不起作用)。

如图书馆的自述文件所述,扫描卡片有三个选项:

  • IMAGE_AND_NUMBER (CardIODetectionModeCardImageAndNumber) - 扫描仪必须成功识别卡号。
  • IMAGE (CardIODetectionModeCardImageOnly) - 不扫描卡片,只检测信用卡形状的卡片。
  • AUTOMATIC (CardIODetectionModeAutomatic) - 以 CardIODetectionModeCardImageAndNumber 开始,但如果在合理时间内扫描未成功,则回退到 CardIODetectionModeCardImageOnly。

只使用 IMAGE 可以正常工作,但是如果我使用 IMAGE_AND_NUMBER,它就会停止,如果我使用 AUTOMATIC,它会在一段时间后默认为 IMAGE。换句话说,它可以检测卡片并对其拍照,但它似乎无法实际读取卡片上的任何信息。

似乎这个问题可能与 react-native-awesome-card-io 无关,而是与该库作为包装器的 SDK 有关。不幸的是,iOS card.io SDKAndroid card.io SDK都已存档。一年多以前,card.io-iOS-SDK 上存在一个问题,似乎提出了与我相同的问题,但没有任何回应。react-native-awesome-card-io上也有类似的未解决问题,但没有解决方案。

还有一些其他 react-native 库包装了 card.io SDK,但除了过去两年有任何维护的 react-native-awesome-card-io 之外,我找不到任何其他库。我怀疑我的问题是 card.io SDK 的问题,因此会影响这些组件的所有包装器。

有没有人知道任何潜在的修复方法,或者更好的是,除了 card.io 之外的另一个(当前维护的)选项,用于使用带有 React Native 的相机扫描信用卡?

android ios react-native

6
推荐指数
0
解决办法
3409
查看次数

React Navigation V5 在特定屏幕中隐藏底部选项卡

我正在使用 React Navigation 版本 5 创建一个 React Native 应用程序,我有一个底部选项卡导航器,其中一个堆栈导航器嵌套在选项卡导航器的每个屏幕内。我只希望底部标签栏显示在每个堆栈导航器的第一页上。这是一个显示我的应用程序基本导航功能的小吃:https : //snack.expo.io/@brforest/hide-tab-1。根据底部选项卡文档,有一个 tabBarVisible 选项属性,但是:

隐藏标签栏会导致故障和跳跃行为。我们建议改用堆栈导航器内的选项卡导航器。

在堆栈导航器中嵌套选项卡导航器的指南在这里。我尝试使用这种方法,但如果我只有一个堆栈导航器,我只能让它工作,但我需要为每个选项卡屏幕都有一个堆栈导航器。这是我(未成功)尝试在上一个小吃的同一应用程序上使用此方法:https : //snack.expo.io/@brforest/hide-tab-2。在此,我在单个堆栈导航器中嵌套了多个选项卡导航器,以尝试推断文档中建议的方法。正如您在本小吃中看到的,堆栈中的导航不再起作用,但选项卡仍然起作用。

对我来说,将堆栈导航器嵌套在选项卡导航器中(就像我在第一个小吃中那样)比尝试将相同的选项卡导航器嵌套在大型堆栈导航器中更有意义。但是,我想遵循文档并找到一种不会导致“故障和跳跃行为”的方法。关于如何实现我想要的导航功能的任何建议?

谢谢!

javascript react-native react-navigation react-navigation-v5

1
推荐指数
1
解决办法
3374
查看次数