我可以使用 react native 开发 pwa答案

【问题标题】：Can I develop pwa using react native我可以使用 react native 开发 pwa
【发布时间】：2019-06-19 22:02:53
【问题描述】：

为了找到这个问题的明确答案，我进行了很多搜索，但不幸的是，由于我对这两种技术都不熟悉，所以我找不到明确的答案。

我打算使用 PWA 技术开发一个跨平台的移动应用程序，我知道我可以使用 react，但我想知道是否也可以使用 react native，因为它是为移动应用程序设计的，而 react 是为 web 应用程序设计的。

我发现这个问题描述了 react 和 react native 之间的区别：“React native 是 React 之上的一个额外库，用于为 iOS 和 Android 设备制作原生应用程序”

What is the difference between React Native and React?

使用 react native 和 PWA 有冲突吗？

任何建议将不胜感激。

【问题讨论】：

你可以在这里看到 React Native 和 PWA 的不同之处：websoptimization.com/blog/react-native-vs-pwa

标签： reactjs react-native progressive-web-apps

【解决方案1】：

您可以使用react-native-web 组件来构建您的 React Native 应用程序并在 Web 上重用这些相同的组件。有一些限制，但基本上 react-native-web 为您提供了一组跨平台组件。然后，您可以在 Web 端使用这些组件来构建渐进式 Web 应用程序 (PWA)。我建议花一些时间制作一个原型，看看它是否适合您的用例，从而让限制变得更加明显。

【讨论】：

【解决方案2】：

React Native 应用程序和 PWA 之间没有关系。

React Native 是用 javascript 编写的原生应用，而 PWA 只是 Web 应用。

仅当 Web 应用包含清单文件并在 https 上提供时，它才会充当 PWA。您还可以使用所有网络功能，如推送通知、缓存等。请在此处查看完整列表 - https://whatwebcando.today

【讨论】：

这绝对不是真的。您可以将 PWA 移动版集成到 React Native 应用程序中。您所做的就是从移动 Web 应用程序中获取所有 UI。然后，您可以在 Web 应用程序中创建清单以使其成为 PWA。用“react native with pwa app”搜索谷歌

【解决方案3】：

如果你关注数据，你可以让 React Native 应用程序像 PWA 一样工作。即使在离线状态下，也有一些选项可以轻松制作移动服务器同步应用程序。

或者您可以使用基于键值字典的AsyncStorage 自己自定义。

但是Web和Mobile App的一些功能是不同的，尤其是存储方式、后台进程和Service Worker。因此，PWA 中相关的 React 库可能无法在 React Native 中运行，因为没有 service worker 并且本地存储不同。

【讨论】：