react native 安装及初始化工程

 

1、npx 安装太慢解决办法

https://blog.csdn.net/m0_46423830/article/details/140628277

npm config set registry https://registry.npmmirror.com

 

2、搭建环境 

https://reactnative.dev/docs/set-up-your-environment

3、创建工程

npx @react-native-community/cli init <project_name>

4、解决bundle install太慢的问题

bundle config mirror.https://rubygems.org https://gems.ruby-china.com

5、在ios模拟器上运行 

https://reactnative.cn/docs/running-on-simulator-ios

启动模拟器​

当你完成了初始化 React Native 新项目后，就可以在项目目录下运行npx react-native run-ios来启动模拟器。如果一切配置都没有问题，应该很快就能看到你的应用在 iOS 模拟器上运行起来。

指定模拟的设备类型​

你可以使用--simulator参数，在其后加上要使用的设备名称来指定要模拟的设备类型。如果你要模拟 iPhone 15，那么这样运行命令即可：

npx react-native run-ios --simulator "iPhone 15"。

注意：随着RN和Xcode版本迭代更新，默认和可选的模拟设备可能有变化。

你可以在终端中运行xcrun simctl list devices来查看具体可用的设备名称。

xcrun simctl list devices
== Devices ==
-- iOS 17.5 --
    iPhone 15 (xxxxxx) (Shutdown)
    iPhone 15 Plus (xxxxxx) (Shutdown)
    iPhone 15 Pro (xxxxxx) (Shutdown)
    iPhone 15 Pro Max (xxxxxx) (Shutdown)
    iPad (10th generation) (xxxxxx) (Shutdown)
    iPad mini (6th generation) (xxxxxx) (Shutdown)
    

yarn run ios --simulator "iPhone 15 Pro"

在这里你可以写你想要的版本。

官方参考：Using TypeScript · React Native

 

6、构建apk包

https://reactnative.cn/docs/signed-apk-android

进入项目根目录下的`android`文件夹，在当前目录打开终端，然后输入./gradlew assembleRelease开始发布APK的Release版

adb install ./android/app/build/outputs/apk/release/app-release.apk 

 

7、JavaScript 基础知识 

https://zh.javascript.info/first-steps

 

8、React 快速入门

https://zh-hans.react.dev/learn