如何使用 npx 创建新的 React Native App？

Question

我有几个月没有使用 react-native。看起来有些事情同时发生了变化。在官方文档中，他们建议卸载react-native-cli并使用npx react-native init。我这样做了，但最终出现错误，因为我没有全局安装该软件包。但是，如果我react-native全局安装，运行项目时会报错，说我应该删除全局包。

现在创建 React 应用程序的正确方法是什么？

Answer 1

1. npm uninstall --global react-native-cli
2. 安装 node js（我在这里使用 node js 版本 12.10.0），我不使用最新的，因为有一个错误，我无法运行我的React Native 应用程序
3. 安装python2 jdk8和yarn
4. 安装 android studio 和 sdk 并将 ANDROID_HOME 添加到环境变量
5. 用于npx react-native init ProjectName创建新项目
6. 使用yarn react-native run-android或yarn react-native run-ios运行项目

@Raeygzz 如果你想使用 react-native 相关命令在命令的开头添加 yarn/npx

yarn react-native run-android
yarn react-native run-ios

或者

npx react-native run-android
npx react-native run-ios

1. 如果你想在你的根项目中创建 apk 调试使用

   cd android && gradlew assembleDebug

2. 在您的根项目中发布 apk

   cd android && gradlew assembleRelease

3. 在根项目中使用 bundle 进行调试

   纱线反应本机运行Android

并获取apk文件

android\app\build\outputs\apk\debug

如果我使用的设备没有 USB 电缆，我通常会这样做，所以我将文件复制到那里，然后将其发送到云端，将其下载到设备并安装它，然后我只需摇晃手机并转到设置和设置调试服务器例如：10.xxx.xxx:8081 然后在 cmd 中运行 yarn start 摇动设备并选择刷新

不同之处在于 react-native run-android 和 gradlew assembleDebug react-native run-android Vs ./gradlew assembleDebug

Answer 2

您需要做的第一件事是删除react-native-cli：

npm uninstall react-native-cli或者npm uninstall --global react-native-cli

然后，如果您安装了 NodeJS 10 LTS 或更高版本，请安装 Expo CLI： npm install -g expo-cli

您现在应该能够使用 expo-cli 制作新的 React Native 应用程序，如下所示： expo init ProjectName

Expo是一个允许您在手机上设置开发环境的工具。有关更多信息，请参阅此处的文档： https: //expo.io/

它是开发、测试和部署应用程序最有效、最快的方法