本机Ui组件与本机模块

Question

在React-Native中，Native Module和Native UI Component有什么不同？我不确定我是否正确地理解了其中的区别。什么时候使用什么？它们的优缺点是什么？文档并没有真正的帮助(至少对我是这样的)。

Answer 1

简而言之，本机UI模块是一个本机小部件，您可以将其用作react组件中的组件。本机模块不仅仅是一个小部件，它是您在本机页面中可以从react端调用的任何代码。

例如，您可以在iOS和Android上设计一个横幅，然后将其包装为原生UI模块，以便在react原生JSX代码中使用。

<Banner />

本机模块的一个示例是，假设您需要在react页面中获取推送通知的设备令牌。目前还没有直接获取设备令牌的方法。因此，您需要实现自己的模块，并且可以在JavaScript代码中使用本机模块：

NativeModules.DeviceToken.getDeviceToken();

Answer 2

你的问题有点宽泛，但就解释本机模块的区别而言，本机模块是您或其他第三方用本机代码编写的模块，例如C++ NLP模块。而原生UI组件是平台原生的UI组件，例如安卓上的TextView。在这种情况下，“原生”的意思在不同的情况下略有不同:在模块情况下，“原生”意味着“你的代码/库直接在底层操作系统上运行”，而在第二种情况下，它意味着“由底层操作系统提供给你”。

React原生组件为您包装了大多数原生UI组件(如TextView)，但也有一些例外，这就是为什么您可能需要使用一个。

有时你需要JavaScript不能给你的东西(例如线程)，这就是为什么你可以用C++编写一个模块，并用原生模块API将它暴露给你的React应用程序。

因此，两者之间并没有真正的比较，它们是完全不同的东西。