React Native 项目没有 index.ios.js 或 index.android.js

IT技术 reactjs react-native
2021-05-07 10:44:55

嗨,我是 React Native 的新手。我按照以下链接构建我的第一个项目,但发现没有 index.ios.js 或 index.android.js 供我编辑:

https://facebook.github.io/react-native/docs/getting-started.html

只创建了 App.js,我可以知道如何分别为 ios 和 android 编辑吗?谢谢!

4个回答

对于最新版本的 React Native(0.49.3),似乎不再支持“index.android.js”和“index.ios.js”分开的入口路由。开发人员文档建议我们使用 App.js,并且仅在需要时通过从 react-native 包中导入 {Platform} 来更改平台特定代码的部分。

开发者文档

首先确保您已完成以下下载

  • 开发工具包
  • android-studio
  • Xcode(在 OSX 的情况下)
  • HomeBrew(在 OSX 安装节点的情况下)
  • Node/NPM(Node 在浏览器之外运行 Javascript。NPM 用于安装和管理依赖项。Node 和 NPM 结合在一起)

这些是您在项目中需要的一些基本安装

对于 Windows/OSX,您需要在命令提示符/命令行中运行以下命令:

这是运行 React Native 项目的重要部分:

  • npm install -g react-native-cli

然后你可以使用这个 cli 来启动一个新项目,如下所示:

  • react-native init 项目名称

按照这些步骤操作后,您可以获得 index.android.js 文件和 index.ios.js 文件,您可以在其中分别为 ios/android 编码/编辑

App.js 或任何其他文件可以由我们创建,而 index.android.js 和 index.ios.js 文件是默认的

但是现在我们有 index.js 文件而不是 index.android.js 和 index.ios.js和一个 App.js 文件,所以你可以在 App.js 中编写代码并在 index.js 中注册文件以使其工作在 ios 和 android 上

因此您的应用程序仅在之前的 index.js 中注册一次,我们需要在 index.ios.js 和 index.android.js 中复制粘贴相同的注册代码,以使其在 android 和 ios 上工作,就像重复相同代码,所以他们一定已经弃用了

根据这篇文章,即使在 React Native 0.60 中,仍然支持那些特定于平台的文件扩展名。

https://facebook.github.io/react-native/docs/platform-specific-code#platform-specific-extensions

从今以后以及随着即将推出的 React Native 开发平台版本,index.ios.js 和 index.android.js 文件不再可用于开发目的。现在有一个可以用来执行所有开发活动的文件 - App.js 与 index.js 文件(就像正常的 React.js)做事的方式。

MAC 操作系统的步骤

  1. 确保使用 MAC OS 终端设置所有开发包

  2. 下载并安装最新的Node.js

  3. 运行npm --version确认安装最新Node.js版本

  4. 尽管如此,在您的终端上,使用安装 HomeBrew

    /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
    
  5. 然后使用安装守望者brew install watchman

  6. 最后,使用安装 React-Native

    npm install -g react-native-cli
    

然后你可以开始使用构建你的本机应用程序

react-native init appName

在大多数情况下,您将在开发时编辑App.jsindex.js文件。您不妨下载一些其他您认为合适的依赖项。