React-Native 服务器驱动的 ui

Question

我总是想知道 Airbnb、Flipkart 和 Swiggy 等应用程序如何动态更新其 UI。即使我没有更新应用程序，Flipkart 在节日期间也会显示不同的 UI，而 Swiggy 总是根据设备位置更改其 UI。

\n

我如何在我的react-native-app 中实现这个？

\n

Webview 是解决方案吗？

\n

请帮助我..\n谢谢

\n

Answer 1

您可以通过多种方式来做到这一点。

一种方法是使用您提到的 WebView，这将使更改接口变得微不足道，因为它完全在服务器中控制。但这种方法的主要问题是性能和非本机的外观和感觉。首先，这是使用 React Native 相对于混合框架的两个主要优点，因此，到处使用 WebView 没有多大意义。但是，如果您的应用程序中有一小部分定期更新（例如服务条款），您可以使用 WebView 来执行自定义视图。

一种更常见、省力的方法是为不同的外观准备所有代码，但使用功能标志来切换不同的视图。这与黑暗主题的工作方式相同。我们可以通过这种方式进行的定制量是有限的，因为我们需要提前对所有内容进行编码。

另一种方法是使用服务器驱动的 UI。通过这种方法，您将在客户端中拥有一个预定义的模板，您可以在运行时使用来自服务器的数据填充这些模板。举一个非常简单的示例，您可以有一个标题图像，其中可以填充季节性问候图像。但与图像等简单的东西不同，这也可以是更明显的变化。（例如 - 列表视图而不是网格视图）

一种更复杂的方法是使用代码推送。这将允许诸如季节性 UI 更改之类的事情。但这需要更多的设置，并且可能无法提供最佳的用户体验。