diff --git a/Day_1/README.md b/Day_1/README.md index 329d09f..d381553 100644 --- a/Day_1/README.md +++ b/Day_1/README.md @@ -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 一块布局区域 diff --git a/Day_3/README.md b/Day_3/README.md index 4e23b71..538b256 100644 --- a/Day_3/README.md +++ b/Day_3/README.md @@ -137,9 +137,11 @@ app-rookie-你的名字 HTTPS Clone 地址 ``` -复制。 - ---- +复制。 + +今天创建的仓库先用来练习 Git。明天会把 Day_1 的 `CampusHelper` 应用文件复制到这个仓库中,这样 Git 历史和应用代码就在同一个地方;Day_1 的原目录会暂时保留,不需要删除。 + +--- # 5. clone 到自己的电脑 diff --git a/Day_4/README.md b/Day_4/README.md index 8c93b7c..2f39425 100644 --- a/Day_4/README.md +++ b/Day_4/README.md @@ -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`: