fix: 修正措辞
This commit is contained in:
+5
-1
@@ -44,7 +44,11 @@ npx expo start
|
||||
|
||||
## 3. 认识项目
|
||||
|
||||
新版模板的目录可能略有不同,但先找到入口屏幕(常见为 `app/index.tsx` 或 `App.tsx`)。React Native 常见组件包括:
|
||||
新版模板的目录可能略有不同,但先找到入口屏幕(常见为 `app/index.tsx` 或 `App.tsx`)。有些新版模板还会使用 `app/(tabs)/index.tsx`。本周只需要找到“首页”并修改它,不需要现在学习页面导航。
|
||||
|
||||
文件名中的 `.tsx` 表示“可以写 JSX 的 TypeScript 文件”。如果你的模板使用 `.js` 或 `.jsx`,先沿用模板已有的文件类型,不要为了改后缀而重建项目。
|
||||
|
||||
React Native 常见组件包括:
|
||||
|
||||
```text
|
||||
View 一块布局区域
|
||||
|
||||
@@ -139,6 +139,8 @@ HTTPS Clone 地址
|
||||
|
||||
复制。
|
||||
|
||||
今天创建的仓库先用来练习 Git。明天会把 Day_1 的 `CampusHelper` 应用文件复制到这个仓库中,这样 Git 历史和应用代码就在同一个地方;Day_1 的原目录会暂时保留,不需要删除。
|
||||
|
||||
---
|
||||
|
||||
# 5. clone 到自己的电脑
|
||||
|
||||
@@ -39,8 +39,17 @@ npx expo start
|
||||
|
||||
手机上仍能打开 Day_1 的页面,才算迁移成功。以后所有 `npm`、`npx expo` 和 `git` 命令都在这个**包含 `package.json` 的仓库根目录**执行。若 `git status` 显示 `node_modules`、`.expo` 或嵌套的 `CampusHelper/.git`,先不要暂存,检查复制范围和 `.gitignore`;不确定时保留原文件并请学长学姐一起检查。
|
||||
|
||||
可以把这次整理理解为:保留 Day_3 仓库的 `.git/`(Git 历史),把 Day_1 的应用源码和配置放进去。`.gitignore` 是普通配置文件,要复制;`.git/` 是隐藏的仓库历史目录,不要复制。`node_modules/` 和 `.expo/` 是本机生成的缓存,也不要复制。
|
||||
|
||||
## 2. 找到首页,不预设模板目录
|
||||
|
||||
### 先认识本日会用到的几个词
|
||||
|
||||
- **组件**:一块可以重复使用的界面,例如个人信息卡片。
|
||||
- **props**:父页面传给组件的数据,例如姓名、专业和学习目标。
|
||||
- **TypeScript 类型**:代码中对数据形状的说明。`name: string` 表示 `name` 应该是文字;本日只需要照着示例填写,不必先掌握完整 TypeScript。
|
||||
- **导入路径**:`../components/ProfileCard` 是代码文件之间的路径,不是终端里的 `cd` 命令;`..` 表示从当前文件夹返回上一级。
|
||||
|
||||
Day_1 没有固定模板版本,所以先找你实际修改过的入口页面。常见位置是 `App.tsx`、`app/index.tsx`、`app/(tabs)/index.tsx`、`src/app/index.tsx` 或 `src/app/(tabs)/index.tsx`。如果看到 `_layout.tsx`,先不要改它;它负责页面布局或导航。默认 Expo 模板可能已经带有标签页,今天只修改首页内容,不需要重建项目。
|
||||
|
||||
在与 `app/` 同级的位置创建 `components/`;如果入口是根目录的 `App.tsx`,就在根目录创建 `components/`。新建 `components/ProfileCard.tsx`:
|
||||
|
||||
Reference in New Issue
Block a user