【问题标题】:Integrate android project into React Native将 android 项目集成到 React Native 中
【发布时间】:2017-11-06 03:57:27
【问题描述】:

我是 React Native 的新手……我有一个开发的 android 项目,现在我想将它集成到 React Native 中。我如何导入或迁移或将其集成到 React Native 中?任何帮助............! 即,如果我在命令提示符下运行react-native run-android,则必须运行我的旧项目。我试图将我的整个项目作为库导入,即使它默认只运行app 文件夹.....必须在Android 文件夹而不是app 文件夹my_Project 中...... ..

【问题讨论】:

    标签: android react-native


    【解决方案1】:

    当您从头开始一个新的移动应用程序时,React Native 非常棒。但是,它也适用于将单个视图或用户流添加到现有的本机应用程序。只需几个步骤,您就可以添加基于 React Native 的新功能、屏幕、视图等。

    将 React Native 组件集成到您的 Android 应用程序的关键是:

    1.了解您要集成哪些 React Native 组件。

    2.在你的Android应用根目录下安装react-native,创建node_modules/目录。

    3.在 JavaScript 中创建实际的 React Native 组件。

    4. 将 com.facebook.react:react-native:+ 和一个指向 node_modules/ 中 react-native 二进制文件的 maven 添加到 build.gradle 文件中。

    5.创建一个自定义的 React Native 特定的 Activity,它会创建一个 ReactRootView。

    6.启动 React Native 服务器并运行您的原生应用程序。

    7.可选地添加更多 React Native 组件。

    8.调试。

    9.准备部署。

    10.部署和盈利!

    更多详情参考此链接http://facebook.github.io/react-native/releases/0.42/docs/integration-with-existing-apps.html#integration-with-existing-apps

    【讨论】:

    • 对不起,我已经检查了那个链接。但没有用......在你的回答中讨论了关于根目录的第二点...... F:\Ramaraju\workspace\MyOwnProject\app\src\main\java 这是我的项目路径(现有的 android 项目不是 React 项目),请告诉我那里的根目录是什么?
    • F:\Ramaraju\workspace\MyOwnProject\ 这是你的根目录
    • 好的,请耐心等待,我会解释我的步骤。请让我知道我做错了什么............ 1>打开 cmd cd 到根目录...... 2>npm install -g react-native-cli 第二步不会在我的根项目中创建任何 node_module 文件夹
    • 然后你输入 cmd "npm init "
    • 好的,package.json 是从“facebook.github.io/react-native/releases/0.42/docs/…”参考中创建的。现在有“index.android.js”文件的问题,我在我的根项目中没有找到它。我们必须手动创建,否则它会自动生成?
    猜你喜欢
    • 2017-06-24
    • 2020-06-03
    • 2018-07-30
    • 1970-01-01
    • 2016-11-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-04-20
    相关资源
    最近更新 更多