Compare commits
	
		
			1 Commits
		
	
	
		
			main
			...
			chinese-gr
		
	
	| Author | SHA1 | Date | |
|---|---|---|---|
| aa51d442e7 | 
							
								
								
									
										80
									
								
								README.md
									
									
									
									
									
								
							
							
						
						
									
										80
									
								
								README.md
									
									
									
									
									
								
							@@ -1,79 +1,9 @@
 | 
				
			|||||||
This is a new [**React Native**](https://reactnative.dev) project, bootstrapped using [`@react-native-community/cli`](https://github.com/react-native-community/cli).
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
# Getting Started
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
>**Note**: Make sure you have completed the [React Native - Environment Setup](https://reactnative.dev/docs/environment-setup) instructions till "Creating a new application" step, before proceeding.
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
## Step 1: Start the Metro Server
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
First, you will need to start **Metro**, the JavaScript _bundler_ that ships _with_ React Native.
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
To start Metro, run the following command from the _root_ of your React Native project:
 | 
					 | 
				
			||||||
 | 
					
 | 
				
			||||||
```bash
 | 
					```bash
 | 
				
			||||||
# using npm
 | 
					# build apk
 | 
				
			||||||
npm start
 | 
					cd android && gradlew assembleRelease && cd ..
 | 
				
			||||||
 | 
					
 | 
				
			||||||
# OR using Yarn
 | 
					# install apk
 | 
				
			||||||
yarn start
 | 
					adb uninstall com.awesomeproject
 | 
				
			||||||
 | 
					adb install -r -d android\app\build\outputs\apk\release\app-release.apk
 | 
				
			||||||
```
 | 
					```
 | 
				
			||||||
 | 
					 | 
				
			||||||
## Step 2: Start your Application
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
Let Metro Bundler run in its _own_ terminal. Open a _new_ terminal from the _root_ of your React Native project. Run the following command to start your _Android_ or _iOS_ app:
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
### For Android
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
```bash
 | 
					 | 
				
			||||||
# using npm
 | 
					 | 
				
			||||||
npm run android
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
# OR using Yarn
 | 
					 | 
				
			||||||
yarn android
 | 
					 | 
				
			||||||
```
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
### For iOS
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
```bash
 | 
					 | 
				
			||||||
# using npm
 | 
					 | 
				
			||||||
npm run ios
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
# OR using Yarn
 | 
					 | 
				
			||||||
yarn ios
 | 
					 | 
				
			||||||
```
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
If everything is set up _correctly_, you should see your new app running in your _Android Emulator_ or _iOS Simulator_ shortly provided you have set up your emulator/simulator correctly.
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
This is one way to run your app — you can also run it directly from within Android Studio and Xcode respectively.
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
## Step 3: Modifying your App
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
Now that you have successfully run the app, let's modify it.
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
1. Open `App.tsx` in your text editor of choice and edit some lines.
 | 
					 | 
				
			||||||
2. For **Android**: Press the <kbd>R</kbd> key twice or select **"Reload"** from the **Developer Menu** (<kbd>Ctrl</kbd> + <kbd>M</kbd> (on Window and Linux) or <kbd>Cmd ⌘</kbd> + <kbd>M</kbd> (on macOS)) to see your changes!
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
   For **iOS**: Hit <kbd>Cmd ⌘</kbd> + <kbd>R</kbd> in your iOS Simulator to reload the app and see your changes!
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
## Congratulations! :tada:
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
You've successfully run and modified your React Native App. :partying_face:
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
### Now what?
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
- If you want to add this new React Native code to an existing application, check out the [Integration guide](https://reactnative.dev/docs/integration-with-existing-apps).
 | 
					 | 
				
			||||||
- If you're curious to learn more about React Native, check out the [Introduction to React Native](https://reactnative.dev/docs/getting-started).
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
# Troubleshooting
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
If you can't get this to work, see the [Troubleshooting](https://reactnative.dev/docs/troubleshooting) page.
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
# Learn More
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
To learn more about React Native, take a look at the following resources:
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
- [React Native Website](https://reactnative.dev) - learn more about React Native.
 | 
					 | 
				
			||||||
- [Getting Started](https://reactnative.dev/docs/environment-setup) - an **overview** of React Native and how setup your environment.
 | 
					 | 
				
			||||||
- [Learn the Basics](https://reactnative.dev/docs/getting-started) - a **guided tour** of the React Native **basics**.
 | 
					 | 
				
			||||||
- [Blog](https://reactnative.dev/blog) - read the latest official React Native **Blog** posts.
 | 
					 | 
				
			||||||
- [`@facebook/react-native`](https://github.com/facebook/react-native) - the Open Source; GitHub **repository** for React Native.
 | 
					 | 
				
			||||||
 
 | 
				
			|||||||
@@ -8,8 +8,37 @@ buildscript {
 | 
				
			|||||||
        kotlinVersion = "1.8.0"
 | 
					        kotlinVersion = "1.8.0"
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
    repositories {
 | 
					    repositories {
 | 
				
			||||||
 | 
					        /**
 | 
				
			||||||
 | 
					         * google
 | 
				
			||||||
 | 
					         */
 | 
				
			||||||
 | 
					        maven { url "https://maven.aliyun.com/repository/google" }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					        /**
 | 
				
			||||||
 | 
					         * gradle-plugin
 | 
				
			||||||
 | 
					         * 源地址: https://plugins.gradle.org/m2/
 | 
				
			||||||
 | 
					         */
 | 
				
			||||||
 | 
					        maven { url "https://maven.aliyun.com/repository/gradle-plugin" }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					        /**
 | 
				
			||||||
 | 
					         * central仓和jcenter仓的聚合仓
 | 
				
			||||||
 | 
					         * 阿里云仓库地址(老版): https://maven.aliyun.com/nexus/content/groups/public/
 | 
				
			||||||
 | 
					         */
 | 
				
			||||||
 | 
					        maven { url "https://maven.aliyun.com/repository/public" }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					        /**
 | 
				
			||||||
 | 
					         * central
 | 
				
			||||||
 | 
					         * 源地址: https://repo1.maven.org/maven2/
 | 
				
			||||||
 | 
					         */
 | 
				
			||||||
 | 
					        maven { url "https://maven.aliyun.com/repository/central" }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					        /**
 | 
				
			||||||
 | 
					         * jcenter
 | 
				
			||||||
 | 
					         */
 | 
				
			||||||
 | 
					        maven { url "https://maven.aliyun.com/repository/jcenter" }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					        // 原始
 | 
				
			||||||
        google()
 | 
					        google()
 | 
				
			||||||
        mavenCentral()
 | 
					        // mavenCentral()
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
    dependencies {
 | 
					    dependencies {
 | 
				
			||||||
        classpath("com.android.tools.build:gradle")
 | 
					        classpath("com.android.tools.build:gradle")
 | 
				
			||||||
@@ -19,3 +48,13 @@ buildscript {
 | 
				
			|||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
apply plugin: "com.facebook.react.rootproject"
 | 
					apply plugin: "com.facebook.react.rootproject"
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					allprojects {
 | 
				
			||||||
 | 
					    repositories {
 | 
				
			||||||
 | 
					        maven { url "https://maven.aliyun.com/repository/google" }
 | 
				
			||||||
 | 
					        maven { url "https://maven.aliyun.com/repository/gradle-plugin" }
 | 
				
			||||||
 | 
					        maven { url "https://maven.aliyun.com/repository/public" }
 | 
				
			||||||
 | 
					        maven { url "https://maven.aliyun.com/repository/central" }
 | 
				
			||||||
 | 
					        maven { url "https://maven.aliyun.com/repository/jcenter" }
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -1,6 +1,6 @@
 | 
				
			|||||||
distributionBase=GRADLE_USER_HOME
 | 
					distributionBase=GRADLE_USER_HOME
 | 
				
			||||||
distributionPath=wrapper/dists
 | 
					distributionPath=wrapper/dists
 | 
				
			||||||
distributionUrl=https\://services.gradle.org/distributions/gradle-8.3-all.zip
 | 
					distributionUrl=https\://mirrors.cloud.tencent.com/gradle/gradle-8.3-all.zip
 | 
				
			||||||
networkTimeout=10000
 | 
					networkTimeout=10000
 | 
				
			||||||
validateDistributionUrl=true
 | 
					validateDistributionUrl=true
 | 
				
			||||||
zipStoreBase=GRADLE_USER_HOME
 | 
					zipStoreBase=GRADLE_USER_HOME
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user