嗨,我是 React Native 的新手。我按照以下链接构建我的第一个项目,但发现没有 index.ios.js 或 index.android.js 供我编辑:
https://facebook.github.io/react-native/docs/getting-started.html
只创建了 App.js,我可以知道如何分别为 ios 和 android 编辑吗?谢谢!
嗨,我是 React Native 的新手。我按照以下链接构建我的第一个项目,但发现没有 index.ios.js 或 index.android.js 供我编辑:
https://facebook.github.io/react-native/docs/getting-started.html
只创建了 App.js,我可以知道如何分别为 ios 和 android 编辑吗?谢谢!
对于最新版本的 React Native(0.49.3),似乎不再支持“index.android.js”和“index.ios.js”分开的入口路由。开发人员文档建议我们使用 App.js,并且仅在需要时通过从 react-native 包中导入 {Platform} 来更改平台特定代码的部分。
首先确保您已完成以下下载:
这些是您在项目中需要的一些基本安装
对于 Windows/OSX,您需要在命令提示符/命令行中运行以下命令:
这是运行 React Native 项目的重要部分:
然后你可以使用这个 cli 来启动一个新项目,如下所示:
按照这些步骤操作后,您可以获得 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 OS 终端设置所有开发包
下载并安装最新的Node.js包
运行npm --version
确认安装最新Node.js
版本
尽管如此,在您的终端上,使用安装 HomeBrew
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
然后使用安装守望者brew install watchman
最后,使用安装 React-Native
npm install -g react-native-cli
然后你可以开始使用构建你的本机应用程序
react-native init appName
在大多数情况下,您将在开发时编辑App.js
和index.js
文件。您不妨下载一些其他您认为合适的依赖项。