从React native调用本机组件函数

Question

我正在尝试创建一个使用OpenGL绘制图形的自定义组件。我希望做的是从javascript中调用这些组件中的函数，这将启动绘图过程，以便所有动画开始同步。我已经阅读了文档，并且我看到你可以调用本机模块中的函数，但我找不到在原生组件中执行此操作的方法 。如何最好地完成这项工作？

亚当

Answer 1

从我收集的内容来看，您实际上希望创建自己的本机视图，并构建将传递给React Native应用程序的桥接属性。

您需要创建一个视图管理器。有关如何执行此操作的友好文档here on Facebook docs。

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

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