reactjs - 将 React 应用程序转换为 React Native 的最快方法是什么？

Question

关闭。这个问题需要多问 focused 。目前不接受答案。

---

想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post .

已关闭 8 天前。

社区 8 天前审核了是否重新开放此问题，并将其关闭:

原始关闭原因未解决

Improve this question

这可能是一个天真的问题，但我找不到关于这个主题的太多信息。我有一个功能齐全的 React-Redux 应用程序，现在我想将其移植到 iOS 和 Android。我不需要使用任何 native 功能，如 GPS 或相机等。理论上，我只想制作一种运行现有 React 应用程序的 Web View ，然后对其进行调整，直到它看起来更美观。我的第一次尝试是简单地使用我当前的 jsbundle 文件并将其作为 jsCodeLocation 粘贴到 AppDelegate 中。这预计会导致各种错误，例如未定义“窗口”。

我想我的问题是:人们通常如何管理他们的 native 和非 native 代码库？它们是完全独立的，还是有办法回收大部分代码？

Answer 1

正如其他人提到的，没有快速的方法将 React 转换为 React-Native。

如果您希望 React 应用程序在移动设备上运行而不重写代码库，则可能的替代方案是使用 Cordova。为了好玩，我在短短几分钟内使用 Cordova 将 React-Web 应用程序移植到移动应用程序中。这种方法有一些缺点，但好处是您可以在很短的时间内拥有一个可以运行的移动应用程序。

如果有人对 Cordova 替代方案感兴趣，请执行以下步骤:

REACT SETUP(在命令行中完成)

>1. npx create-react-app my-app
>2. cd my-app
>3. npm start

部署到静态:

>1. Update your package.json file from your my-app directory to add "homepage":"." (see below)

  "name": "my-app",
  "version": "0.1.0",
  "private": true,
  "homepage":".",
  "dependencies": {

>2. Build (in command line) npm run build

CORDOVA 集成(在命令行中)

>1.  cd ../ (change to wherever you want the project created, don't do this inside your existing react app folder)
>2.  npm install -g cordova (only if you already don't have Cordova installed)
>3.  cordova create MyApp 
>4.  cd MyApp
>5.  cordova platform add ios //or android or browser

添加几个步骤来包含您的 REACT 项目

>1. Open your Cordova MyApp www folder, delete all files and folders in it except for the 'js' folder
>2. Back in your react build folder update the index file to add two cordova scripts:

<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/index.js"></script>

>3. copy all your files from the react build folder into the Cordova www folder (replacing everything except the js folder)

构建 REACT-CORDOVA 应用程序(在 Cordova 项目内的命令行中)

>1. cordova build ios //or android or browser

测试或部署到存储等。

>1. Use xcode to open open your react-cordova .xcodeproject, this can be found in the MyApp/Platforms/ios/
>2. Select your simulator and run.  Enjoy your new mobile app!

调整您需要进行一些细微的调整(例如删除点击延迟...等)-我认为这就是人们认为 Cordova 应用程序速度慢的原因，但这是一个简单的修复方法......