Expo Supabase 启动器项目教程

Expo Supabase 启动器项目教程

【免费下载链接】expo-supabase-starter A simple template for developing Expo applications with Supabase as the backend. 项目地址: https://gitcode.com/gh_mirrors/ex/expo-supabase-starter

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 开发服务器。

【免费下载链接】expo-supabase-starter A simple template for developing Expo applications with Supabase as the backend. 项目地址: https://gitcode.com/gh_mirrors/ex/expo-supabase-starter