时间戳

首页 > 解决方案 > React Native web - 几个问题

react-native - React Native web - 几个问题

问题描述

我知道有一个浏览器版本可用于本机反应 -react-native-web

  1. 它是响应式的bootstrap吗？例如，在引导程序中，我们可以在桌面上有 3 列并排放置。相同的代码可以生成在移动设备上的列将在另一个之下。它是内置反应原生还是我们需要使用引导程序？

  2. 后退按钮。如果我在移动设备上访问我的 react native web 版本，然后点击后退按钮。它会像应用程序一样运行，还是像常规网页一样转到上一页？

  3. 如果我希望我的网络代码像应用程序一样运行，是否意味着再次编写相同的代码，或者我可以按原样使用代码并且它将作为应用程序在 Play 商店中运行？

  4. 是否反应原生网络看起来比引导程序（按钮等）更好

  5. 它是否支持与 react native 完全一样的所有功能？

标签： react-nativereact-native-web

解决方案

  1. react-native-web只是提供允许您react-native在浏览器中运行应用程序的兼容性级别。它更像是一组 polyfill 和一些 RN 组件的实现。您的应用程序将如何工作以及它将做什么完全取决于您。RNW 不是像 bootstrap 那样的 UI 框架或组件库，它只是原语。

  2. 导航不是react-native-web开箱即用的东西。正如我所说，它只是一组原始组件。您将需要选择一些库，例如在 react-native 和 web 上运行的react-navigation，或者为不同的平台使用不同的解决方案。

  3. 代码共享是 react-native 的一大优点。只要您编写简单的 JavaScript 模块而不使用原生 API，就可以在 Web 和原生之间共享它们。

  4. 见第一个问题。

  5. 它为您提供相同的组件集、手势系统、样式表和一些其他实用程序，如 Platform。从视觉上看，组件可能与它们的 RN 实现不同，但它们的 API 和行为是相同的。

推荐阅读