从 React native 调用原生组件函数

Question

我正在尝试创建一个自定义组件，该组件将使用 OpenGL 绘制图形。我希望做的是从javascript调用这些组件中的一个函数，该函数将启动绘图过程，以便所有动画同步开始。我已通读文档，发现您可以调用本机 module 中的函数，但我找不到在本机 component 中执行此操作的方法.这将如何最好地完成？

亚当

Answer 1

据我所知，您实际上希望创建自己的原生视图，并构建将传递给您的 React Native 应用程序的桥属性。

您需要创建一个视图管理器。有关于如何做到这一点的友好文档here on Facebook docs。

使用此方法，您可以在 JavaScript 中包装原生组件并公开某些属性。我在 C# 中为 React Native Windows 提供了一个非常简单的示例。您可能害怕阅读 C#，但这与您在 Android 中必须执行的过程基本相同。 C# 和 Java 在逻辑上是如此一致。 Here's the aforementioned example.

这将为您提供一个已初始化并通过 JavaScript 控制的完全原生组件。