React Native

学习资料

• Setting up the development environment
• Publishing to Google Play Store

export ANDROID_HOME=/home/wy/Android/Sdk
export JAVA_HOME=/home/wy/software/jdk-17.0.9
export PATH=$PATH:$ANDROID_HOME/emulator
export PATH=$PATH:$ANDROID_HOME/platform-tools

npx react-native@latest init  --verbose dietApp

运行你的 React Native 应用程序
第 1 步：启动 Metro
Metro是 React Native 的 JavaScript 构建工具。要启动 Metro 开发服务器，请从项目文件夹运行以下命令：

yarn start

第 2 步：Start your application
让 Metro Bundler 在自己的终端中运行。在 React Native 项目文件夹中打开一个新终端。运行以下命令：

yarn android

yarn android --mode release  --verbose

cd "/home/wy/workspace/dietApp" && npx react-native run-android

.
├── android
│   ├── app
│   │   ├── build.gradle
│   │   ├── debug.keystore
│   │   ├── proguard-rules.pro
│   │   └── src
│   │       ├── debug
│   │       │   └── AndroidManifest.xml
│   │       └── main
│   │           ├── AndroidManifest.xml
│   │           ├── java
│   │           │   └── com
│   │           │       └── dietapp
│   │           │           ├── MainActivity.kt
│   │           │           └── MainApplication.kt
│   │           └── res
│   │               ├── drawable
│   │               │   └── rn_edit_text_material.xml
│   │               ├── mipmap-hdpi
│   │               │   ├── ic_launcher.png
│   │               │   └── ic_launcher_round.png
│   │               ├── mipmap-mdpi
│   │               │   ├── ic_launcher.png
│   │               │   └── ic_launcher_round.png
│   │               ├── mipmap-xhdpi
│   │               │   ├── ic_launcher.png
│   │               │   └── ic_launcher_round.png
│   │               ├── mipmap-xxhdpi
│   │               │   ├── ic_launcher.png
│   │               │   └── ic_launcher_round.png
│   │               ├── mipmap-xxxhdpi
│   │               │   ├── ic_launcher.png
│   │               │   └── ic_launcher_round.png
│   │               └── values
│   │                   ├── strings.xml
│   │                   └── styles.xml
│   ├── build.gradle
│   ├── gradle
│   │   └── wrapper
│   │       ├── gradle-wrapper.jar
│   │       └── gradle-wrapper.properties
│   ├── gradle.properties
│   ├── gradlew
│   ├── gradlew.bat
│   └── settings.gradle
├── app.json
├── App.tsx
├── babel.config.js
├── Gemfile
├── index.js
├── ios
│   ├── dietApp
│   │   ├── AppDelegate.h
│   │   ├── AppDelegate.mm
│   │   ├── Images.xcassets
│   │   │   ├── AppIcon.appiconset
│   │   │   │   └── Contents.json
│   │   │   └── Contents.json
│   │   ├── Info.plist
│   │   ├── LaunchScreen.storyboard
│   │   └── main.m
│   ├── dietAppTests
│   │   ├── dietAppTests.m
│   │   └── Info.plist
│   ├── dietApp.xcodeproj
│   │   ├── project.pbxproj
│   │   └── xcshareddata
│   │       └── xcschemes
│   │           └── dietApp.xcscheme
│   └── Podfile
├── jest.config.js
├── metro.config.js
├── package.json
├── README.md
├── __tests__
│   └── App.test.tsx
├── tsconfig.json
└── yarn.lock

yarn config set strict-ssl false
npm config set strict-ssl false