设置通过 react-native init 命令创建的克隆 react-native 项目

Setup a cloned react-native project created via react-native init command

我使用 react-native init 创建了一个 react-native 项目 XYZApp,它被推送到 GitHub 仓库中。

现在,当我在不同的系统上克隆项目时。以下是目录结构

app/XYZApp

以下是我正在使用的一组命令和步骤。

cd app

brew install node

brew install watchman

#

npm install -g react-native-cli

#

install android studio and required SDKs

#

install X-Code

#

react-native init MyApp 

prompt: Directory MyApp already exists. Continue?:  (no) 

I am typing - yes

npm install [all dependencies]

react-native link

通过上述所有步骤,正在创建一些新的默认文件,这些文件 运行 是默认应用程序,通过对这些文件进行一些小的更改,我可以 运行 该应用程序。但我知道这不是正确的做法。

我也尝试了其他几种方法, 喜欢 npm start

我检查了几个链接,但在克隆后找不到正确的设置方法。 create-react-native-app 方法提到了其中的大多数。

如果有人能帮助我就太好了。

克隆后 不要这样做

react-native init MyApp 

prompt: Directory MyApp already exists. Continue?:  (no) 

I am typing - yes

npm install [all dependencies]

react-native link

只需转到克隆的应用程序目录 XYZApp 并执行

npm install

并全部设置为 运行 使用

的应用
react-native run-android

更新 2019 React Native 0.60.0+:

首先你需要通过运行ning

安装所有节点模块
npm install

如果您使用的库具有 react-native-gesture-handler 等本机依赖项,​​则需要正确链接这些库。这样做 运行

react-native link

为了正确设置 iOS 项目,您需要安装 CocoaPods 依赖项:

cd ios && pod install