从 create react native 弹出后在 android studio 中运行 react native 项目的步骤

Posted

技术标签:

【中文标题】从 create react native 弹出后在 android studio 中运行 react native 项目的步骤【英文标题】:Steps to run a react native project in android studio after eject from create react native 【发布时间】:2018-08-07 01:05:12 【问题描述】:

从 create react native 弹出后在 android studio 中运行 react native 项目的步骤是什么。我没有在网上找到有用的分步说明。我对 android 开发很陌生,面临与 gradle 版本和 android 中的其他东西相关的不同问题。我需要从android studio运行它,还是只需要运行命令npm run android

【问题讨论】:

【参考方案1】:

使用 Mac OS 安装 React Native

请在开始前检查 React Native Document。 https://facebook.github.io/react-native/docs/getting-started.html

如果您的计算机中没有安装 brew,则必须点击该命令行。

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

然后按照命令一步一步来

brew install node

完成节点升级后,您必须在您的计算机中创建 React Native 目录才能执行此操作,请按照以下步骤操作:

打开终端并点击...

cd

cd Documents

mkdir react-native

cd react-native/

现在,一旦完成,您就可以创建您的 React Native 目录。

Node 自带 npm,可以让你安装 React Native 命令行界面。

在终端中运行以下命令:

npm i react-native-cli - g

安装完成后需要一些时间来完成安装,请确保检查它的 npm 版本以执行以下操作。

npm -v 

因此,如果您使用的是上述 4.6.1,那么您可能会得到您的版本代码,那么您可能正在使用一些问题,因此请删除上述版本并使用此命令行使用该版本。

npm I -g npm@4.6.1

按回车键,您将从该 npm 版本开始。所以现在完成了 如果您使用的是 Android 和 ios,请按照 React Native 文档,然后您可以按照步骤但跳过安装节点步骤,因为我们设置了所有这些步骤,一旦您在您的电脑中使用 Setup Android 或 Xcode,请按照命令运行 React Native 应用程序。

使用您在这样的目录中创建的 React Native 文件夹

cd

cd Documents

mkdir react-native

cd react-native/

react-native init HelloWorld

我们在这里使用 Android Studio 和 React Native 创建我们的 HelloWorld 程序。

【讨论】:

OP 正在寻找从 CRNA 项目中弹出后的步骤。你告诉 OP 使用 React-Native-CLI。显然没有回答问题,因此投反对票【参考方案2】:

弹出后,您需要运行以下命令

exp 运行 react-native run-android

确保已安装 expexp run 将在本地提供 js 包,当您的 android 应用在模拟器或连接的设备上通过react-native run-android 命令运行时将访问该包。

【讨论】:

谢谢。但是当我开始做的时候,Could not determine java version from 9.0.4 出现的一波又一波的问题是第一个问题,并根据链接进行了更新,然后弹出了下一个问题 - 当我运行它时无法通知项目评估侦听器。如果您能提供要使用的 gradle 版本、sdk 版本等的详细信息,那就太好了。

以上是关于从 create react native 弹出后在 android studio 中运行 react native 项目的步骤的主要内容,如果未能解决你的问题,请参考以下文章

React Native - 在博览会弹出后安装博览会

弹出后我可以在 Windows 中运行 ios 应用程序吗?

React-Native 弹出软键盘时,软键盘和页面下边栏多出一截?

Expo - 网络响应超时错误 (create-react-native-app) (Windows 10)

找不到 react-native 和 create-react-app 的命令(Mac OS)

视图弹出后如何从 uinavigationcontroller 中删除分段控制器?