react-native - 如何在 React Native 中进行签名捕获？

Question

我试图了解如何在 React Native 中进行签名捕获。我的应用程序是用 create-react-native-app 创建的和 Expo我宁愿不必弹出应用程序即可使此功能正常工作。

有可能在 webview 中包装这样的东西吗？ https://github.com/szimek/signature_pad

我也看过这个项目，https://github.com/RepairShopr/react-native-signature-capture但它需要我弹出应用程序并使用 react-native link .

寻找有关如何实现此功能的任何建议或建议，同时使我的项目尽可能简单(理想情况下，使用 create-react-native-app，但如果这不可能，有人可以向我解释原因吗？)

Answer 1

React Native 的工作方式是 React Native 中可用的每个组件都映射到底层平台中的原生组件。

IE。 <Image />是 ImageView在 Android 和一个 UIImageView.h在iOS中。

Javascript 代码本身在每个平台上的 Javascript 线程中运行，当您在 React Native 中使用组件时，有一个转换层将信息从 JS 传递到 React Native 桥接器，然后导致创建相应的本地组件。

默认情况下，React Native 包含以下组件:https://facebook.github.io/react-native/docs/components-and-apis.html#basic-components这意味着只有这些组件在 React Native 中是开箱即用的。如果你想要其他组件，那么你有 2 个选择，要么创建一个“复合”组件，其中你的 JS 组件被写入其他 JS 组件，或者，如果你的特性需要一个尚未被 React Native 公开的原生组件，则编写你自己的“native”组件来向你的 React Native 代码公开某些 native 功能。

Expo 的工作方式是他们包装了 React Native 和一些 3rd 方组件，并将其构建在他们的应用程序中。您不能使用他们不支持的第 3 方 native 组件的原因是，当使用该组件时，应用程序本身没有从 JS 到 native Android/iOS View 的翻译代码。

因此，要执行您的要求，您需要找到 Expo 已包含在其平台/应用程序中的“ native ”绘图组件。或者您需要找到一个“复合”绘图组件，该组件由其他默认 React Native 组件(或 Expo 支持的其他组件)构建。

IE。在 Android 上，我可能会使用 Canvas View 构建它，但据我所知，React Native 本身不支持该对象，所以我可能会自己编写它，等等。

Expo 很难支持所有 3rd 方“原生”组件，因为 React Native 是开源的，并且迭代速度非常快，以至于大多数社区构建的组件并不总是最新的，或者它们可能会相互冲突。