跨应用程序重用React Native screens

Question

大多数应用程序都有类似的登录和注册屏幕，用户可以选择在它们之间导航。用户首先登陆登录屏幕，登录后进入登陆屏幕。如果他们没有帐户，他们可以点击登录屏幕上的“注册”链接。我不想在所有应用程序中重复这一点，而是从一个公共库中使用它们。

如何将带有导航的登录和注册屏幕作为可重用组件(或本地npm包)放入带有一些道具的react native中(如登录后的登录屏幕)？

我从Xamarin迁移过来，在Xamarin中，使用XAML为两个屏幕创建一个.NET标准库，并在所有应用程序中使用它们。没有找到在react native中实现相同功能的方法。

Answer 1

在您的情况下，我将只重用项目之间的UI部分。正如您所说的，您需要为每个屏幕提供一个组件:登录屏幕、创建帐户屏幕等。

这些组件应该是：

• stateless

• 应使用props (用于自定义，当按下按钮时回调应用程序等)

• 不应依赖于您的项目

• 逻辑应该在项目中实现，而不是在那些组件(例如登录请求)中实现

• 如果您使用Redux，您的组件也不应直接依赖于它

• 如果您的组件需要Redux Store中的数据，请使用Redux容器，它应该是您的应用程序的一部分，而不是您的库

的一部分

最后，正如您所说的，您可以在npm ;)上发布组件