Expo Supabase 启动器项目教程
1. 项目的目录结构及介绍
Expo Starter/
├─ app/
│ ├─ components/
│ ├─ config/
│ ├─ constants/
│ ├─ hooks/
│ ├─ navigation/
│ ├─ screens/
│ ├─ services/
│ ├─ stores/
├─ assets/
│ ├─ fonts/
│ ├─ images/
- app/: 包含应用程序的主要代码,包括组件、配置、常量、自定义钩子、导航、屏幕、服务和状态管理。
- assets/: 包含应用程序的静态资源,如字体和图像。
2. 项目的启动文件介绍
- App.tsx: 这是应用程序的入口文件,负责初始化应用程序并设置路由。
3. 项目的配置文件介绍
- config/: 包含应用程序的配置文件,如 Supabase 的配置。
// config/supabase.ts
export const SUPABASE_URL = "XXXX";
export const SUPABASE_ANON_KEY = "XXXX";
- babel.config.js: Babel 配置文件,用于转译 JavaScript 代码。
- metro.config.js: Metro 配置文件,用于配置 React Native 的打包工具。
- tsconfig.json: TypeScript 配置文件,用于配置 TypeScript 编译选项。
- package.json: 包含项目的依赖和脚本。
{
"scripts": {
"start": "expo start"
},
"dependencies": {
"expo": "^44.0.0",
"supabase": "^1.0.0"
}
}
通过以上配置,您可以启动项目并开始开发。运行 yarn start
或 npm start
来启动 Expo 开发服务器。