【问题标题】:React Native project do not have index.ios.js or index.android.jsReact Native 项目没有 index.ios.js 或 index.android.js
【发布时间】:2018-03-09 08:58:58
【问题描述】:

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

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

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

【问题讨论】:

  • 您为创建 react native 项目而触发了哪个命令?
  • create-react-native-app AwesomeProject
  • 使用这个命令 react-native init YourProjectName
  • 但是使用这个命令我似乎不能使用 expo 进行应用预览?

标签: reactjs react-native


【解决方案1】:

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

Developer documentation

【讨论】:

【解决方案2】:

首先确保您已完成下载

  • Java SDK
  • Android 工作室
  • 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 上运行,就像复制一样相同的代码,所以他们一定已经弃用了

【讨论】:

  • 感谢回复,请问这个方法可以用expo预览应用吗?如果是,如何对项目实施博览会?谢谢
  • 是的,在完成上述所有步骤后,同样适用于 expo 安装 expo xde 然后在 expo xde 中创建一个新项目 在编辑器中打开项目,您可以在 App.js 中编写代码并运行它通过博览会在设备上
  • 我可以知道 react-native init 项目名称和在 expo 中创建新项目是同一个文件夹吗?
  • 你需要做任何一种方式,比如如果你试图通过 expo 开发一个应用程序,那么你应该创建一个 expo 项目
  • 我已经完成了上述所有步骤,但我仍然没有在我的项目中找到它们。此外,我的项目在 Android Emulator 中完美运行。文件 index.android.js 和 index.ios.js 是否都从 react-native 中删除?
【解决方案3】:

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

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

【讨论】:

    【解决方案4】:

    从今以后,随着 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安装watchman

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

      npm install -g react-native-cli
      

    然后你就可以开始使用

    构建你的 React Native 应用了
    react-native init appName
    

    编辑App.jsindex.js 文件是您在大多数情况下开发时要做的事情。您也可以下载一些您认为合适的其他依赖项。

    【讨论】:

      【解决方案5】:

      您可以手动创建一个 javascript 文件并将其命名为 index.android.jsindex.ios.js。这些文件中写入的命令可以与 index.js 文件相同,甚至是特定于平台的。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2018-03-27
        • 1970-01-01
        • 1970-01-01
        • 2017-12-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多