跨应用程序重用React Native屏幕

问题描述 投票:1回答:1

[大多数应用程序具有类似的登录和注册屏幕,并带有供用户在它们之间导航的选项。用户首先登陆登录屏幕,然后登录后进入登陆屏幕。如果他们没有帐户,则可以在登录屏幕上单击“注册”链接。我不想在所有应用程序中都重复此操作,而是从公共库中使用它们。

如何将带有导航功能的登录和注册屏幕作为可重用组件(或本地npm软件包)与某些道具(例如登录后登录的登陆屏幕)进行本地响应?

我正从Xamarin迁移,那里的操作相当简单,使用XAML为两个屏幕创建一个.NET标准库,并在所有应用程序中使用它们。找不到在React Native中实现相同目标的方法。

react-native react-navigation create-react-app react-component
1个回答
0
投票

这些组件应为:

    无状态

  • 应使用道具(用于自定义,用于在按下按钮时回调应用等)

  • 不应依赖您的项目

  • 逻辑应在您的项目中实现,而不要在那些组件中(例如登录请求)实现

  • 此外,如果您使用Redux,则您的组件不应直接依赖于它

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

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

    哦,我几乎忘记了,欢迎来到React-Native! :)

    X = 0


    随意,如果我缺少某些东西,请编辑

    如果您编辑我的帖子♥,则增加X;>

  • © www.soinside.com 2019 - 2024. All rights reserved.