arthur
37 lines
1.8 KiB
Markdown
37 lines
1.8 KiB
Markdown
# DailyChallenge_APP
|
||
|
||
APP 部 2026 纳新每日一题（开发基础 / 命令行 / Git / React Native）。
|
||
|
||
每个 `Day_1` ~ `Day_7` 文件夹中都有当天教学与任务。建议每天投入 30～60 分钟：先读 `README.md`，再完成任务，并将代码、运行截图或仓库链接提交到当天工单。
|
||
|
||
## 课程安排
|
||
|
||
| 目录 | 内容 |
|
||
| --- | --- |
|
||
| `Day_1` | 环境配置：VS Code、Node.js、Git、Expo Go 与第一个 React Native 应用 |
|
||
| `Day_2` | 命令行基础：目录、文件与路径 |
|
||
| `Day_3` | Git 入门：clone / add / commit / pull / push |
|
||
| `Day_4` | React Native 页面基础：组件、JSX 与 StyleSheet |
|
||
| `Day_5` | React Native 交互：事件、state 与 `useState` |
|
||
| `Day_6` | 列表与导航：`FlatList`、参数与详情页 |
|
||
| `Day_7` | 综合完成一个 React Native 校园助手应用 |
|
||
|
||
> **目的：**帮助零基础同学建立开发习惯，理解项目、组件、状态、事件、列表与导航，并能阅读和修改一个简单的 React Native 应用。
|
||
|
||
## 技术栈
|
||
|
||
本阶段使用 React Native + Expo：
|
||
|
||
- React：用组件描述界面，用 state 管理会变化的数据。
|
||
- React Native：将 React 组件渲染为 Android / iOS 原生界面。
|
||
- Expo：提供适合入门的项目脚手架、开发服务器与真机预览流程。
|
||
- React Navigation：处理多页面应用的页面跳转。
|
||
|
||
不需要 Android Studio、Xcode 或微信开发者工具；使用 Expo Go 扫码即可在手机上预览。
|
||
|
||
## 最终项目：CampusHelper
|
||
|
||
第七天将完成一个小型校园助手应用，至少包含个人信息卡片、学习打卡计数器、校园活动列表，以及活动详情页与报名状态切换。
|
||
|
||
完成后，你应能从项目目录启动开发服务器、修改一个组件、处理点击事件、更新 state、渲染列表、在页面间传递参数，并用 Git 保存修改。
|