@coze-arch/cli 0.0.1-alpha.3002ee → 0.0.1-alpha.3260db

package/lib/__templates__/expo/.coze

@@ -3,5 +3,10 @@ entrypoint = "server.js"
 requires = ["nodejs-24"]
 
 [dev]
-build = ["bash", ".cozeproj/scripts/deploy_build.sh"]
-run = ["bash", ".cozeproj/scripts/deploy_run.sh"]
+build = ["bash", ".cozeproj/scripts/dev_build.sh"]
+run = ["bash", ".cozeproj/scripts/dev_run.sh"]
+
+[deploy]
+build = ["bash", ".cozeproj/scripts/prod_build.sh"]
+run = ["bash", ".cozeproj/scripts/prod_run.sh"]
+build_app_dir = "./client"

package/lib/__templates__/expo/.cozeproj/scripts/dev_build.sh

@@ -0,0 +1,46 @@
+#!/bin/bash
+if [ -z "${BASH_VERSION:-}" ]; then exec /usr/bin/env bash "$0" "$@"; fi
+set -euo pipefail
+ROOT_DIR="$(pwd)"
+PREVIEW_DIR="${COZE_PREVIEW_DIR:-/source/preview}"
+
+# ==================== 配置项 ====================
+SERVER_DIR="app"
+EXPO_DIR="expo"
+CHECK_HASH_SCRIPT="$ROOT_DIR/check_hash.py"
+
+check_command() {
+  if ! command -v "$1" &> /dev/null; then
+    echo "error:命令 $1 未找到，请先安装"
+  fi
+}
+
+echo "==================== 开始构建 ===================="
+
+echo "检查根目录 pre_install.py"
+if [ -f "$PREVIEW_DIR/pre_install.py" ]; then
+  echo "执行：python $PREVIEW_DIR/pre_install.py"
+  python "$PREVIEW_DIR/pre_install.py" || echo "pre_install.py 执行失败"
+fi
+
+echo "开始执行构建脚本（build_dev.sh）..."
+echo "正在检查依赖命令是否存在..."
+# 检查核心命令
+check_command "pnpm"
+check_command "npm"
+
+echo "==================== 安装项目依赖 ===================="
+if [ ! -f "package.json" ]; then
+  echo "项目目录下无 package.json，不是合法的 Node.js 项目"
+fi
+# 步骤 2.1/2.2：安装项目依赖
+pnpm install --registry=https://registry.npmmirror.com || echo "Expo 项目依赖安装失败（pnpm 执行出错）"
+
+echo "检查根目录 post_install.py"
+if [ -f "$PREVIEW_DIR/post_install.py" ]; then
+  echo "执行：python $PREVIEW_DIR/post_install.py"
+  python "$PREVIEW_DIR/post_install.py" || echo "post_install.py 执行失败"
+fi
+
+echo "==================== 依赖安装完成！====================\n"
+echo "下一步：执行 ./deploy_run.sh 启动服务"

package/lib/__templates__/expo/.cozeproj/scripts/dev_run.sh

@@ -0,0 +1,229 @@
+ROOT_DIR="$(cd "$(dirname "$0")/../.." && pwd)"
+PREVIEW_DIR="${COZE_PREVIEW_DIR:-/source/preview}"
+LOG_DIR="${COZE_LOG_DIR:-$ROOT_DIR/logs}"
+LOG_CLIENT_FILE="$LOG_DIR/client.log"
+mkdir -p "$LOG_DIR"
+
+# ==================== 配置项 ====================
+# Server 服务配置
+SERVER_HOST="0.0.0.0"
+SERVER_PORT="9091"
+# Expo 项目配置
+EXPO_HOST="0.0.0.0"
+EXPO_DIR="expo"
+EXPO_PORT="5000"
+WEB_URL="${COZE_PROJECT_DOMAIN_DEFAULT:-http://127.0.0.1:${SERVER_PORT}}"
+ASSUME_YES="1"
+EXPO_PUBLIC_BACKEND_BASE_URL="${EXPO_PUBLIC_BACKEND_BASE_URL:-$WEB_URL}"
+EXPO_PUBLIC_COZE_PROJECT_ID="${COZE_PROJECT_ID:-}"
+
+EXPO_PACKAGER_PROXY_URL="${EXPO_PUBLIC_BACKEND_BASE_URL}"
+export EXPO_PUBLIC_BACKEND_BASE_URL EXPO_PACKAGER_PROXY_URL EXPO_PUBLIC_COZE_PROJECT_ID
+# 运行时变量（为避免 set -u 的未绑定错误，预置为空）
+SERVER_PID=""
+EXPO_PID=""
+
+# ==================== 工具函数 ====================
+check_command() {
+  if ! command -v "$1" &> /dev/null; then
+    echo "error:命令 $1 未找到，请先安装"
+  fi
+}
+while [ $# -gt 0 ]; do
+  case "$1" in
+    -y|--yes)
+      ASSUME_YES="1"
+      shift
+      ;;
+    *)
+      shift
+      ;;
+  esac
+done
+is_port_free() {
+  ! lsof -iTCP:"$1" -sTCP:LISTEN >/dev/null 2>&1
+}
+choose_next_free_port() {
+  local start=$1
+  local p=$start
+  while ! is_port_free "$p"; do
+    p=$((p+1))
+  done
+  echo "$p"
+}
+ensure_port() {
+  local var_name=$1
+  local port_val=$2
+  if is_port_free "$port_val"; then
+    echo "端口未占用：$port_val"
+    eval "$var_name=$port_val"
+  else
+    echo "端口已占用：$port_val"
+    local choice
+    if [ "$ASSUME_YES" = "1" ]; then choice="Y"; else read -r -p "是否关闭该端口的进程？[Y/n] " choice || choice="Y"; fi
+    if [ -z "$choice" ] || [ "$choice" = "y" ] || [ "$choice" = "Y" ]; then
+      if command -v lsof &> /dev/null; then
+        local pids
+        pids=$(lsof -t -i tcp:"$port_val" -sTCP:LISTEN 2>/dev/null || true)
+        if [ -n "$pids" ]; then
+          echo "正在关闭进程：$pids"
+          kill -9 $pids 2>/dev/null || echo "关闭进程失败：$pids"
+          eval "$var_name=$port_val"
+        else
+          echo "未获取到占用该端口的进程"
+          eval "$var_name=$port_val"
+        fi
+      else
+        echo "缺少 lsof，无法自动关闭进程"
+        eval "$var_name=$port_val"
+      fi
+    else
+      local new_port
+      new_port=$(choose_next_free_port "$port_val")
+      info "使用新的端口：$new_port"
+      eval "$var_name=$new_port"
+    fi
+  fi
+}
+
+pipe_to_log() {
+  local source="${1:-CLIENT}"
+  local raw_log="${2:-}"
+  local line clean_line timestamp
+  while IFS= read -r line || [ -n "$line" ]; do
+    clean_line=$(printf '%s' "$line" | sed 's/\x1b\[[0-9;]*[mA-Za-z]//g')
+    if echo "$clean_line" | grep -qE '(^(Web|iOS|Android) node_modules/.*expo-router.*entry\.js.*%|^(Web|iOS|Android) Bundled [0-9]+ms node_modules/.*expo-router.*entry\.js|Logs will appear in the browser)'; then
+      continue
+    fi
+    if [ -n "$raw_log" ]; then
+      timestamp=$(date '+%Y-%m-%d %H:%M:%S')
+      echo "[$timestamp] $clean_line" >> "$raw_log"
+    fi
+    printf '[%s] %s\n' "$source" "$clean_line"
+  done
+}
+
+wait_port_connectable() {
+  local host=$1 port=$2 retries=${3:-10}
+  for _ in $(seq 1 "$retries"); do
+    nc -z -w 1 "$host" "$port" >/dev/null 2>&1 && return 0
+    sleep 1
+  done
+  return 1
+}
+
+start_expo() {
+  local offline="${1:-0}"
+
+  pushd "$ROOT_DIR/client"
+
+  if [ "$offline" = "1" ]; then
+    ( EXPO_OFFLINE=1 EXPO_NO_DEPENDENCY_VALIDATION=1 EXPO_PUBLIC_BACKEND_BASE_URL="$EXPO_PUBLIC_BACKEND_BASE_URL" EXPO_PACKAGER_PROXY_URL="$EXPO_PACKAGER_PROXY_URL" EXPO_PUBLIC_COZE_PROJECT_ID="$EXPO_PUBLIC_COZE_PROJECT_ID" \
+      nohup npx expo start --clear --port "$EXPO_PORT" 2>&1 | pipe_to_log "CLIENT" "$LOG_CLIENT_FILE" ) &
+  else
+    ( EXPO_NO_DEPENDENCY_VALIDATION=1 EXPO_PUBLIC_BACKEND_BASE_URL="$EXPO_PUBLIC_BACKEND_BASE_URL" EXPO_PACKAGER_PROXY_URL="$EXPO_PACKAGER_PROXY_URL" EXPO_PUBLIC_COZE_PROJECT_ID="$EXPO_PUBLIC_COZE_PROJECT_ID" \
+      nohup npx expo start --clear --port "$EXPO_PORT" 2>&1 | pipe_to_log "CLIENT" "$LOG_CLIENT_FILE" ) &
+  fi
+  EXPO_PID=$!
+  disown $EXPO_PID 2>/dev/null || true
+
+  popd
+}
+
+detect_expo_fetch_failed() {
+  local timeout="${1:-8}"
+  local waited=0
+  local log_file="$LOG_CLIENT_FILE"
+  while [ "$waited" -lt "$timeout" ]; do
+    if [ -f "$log_file" ] && tail -n 100 "$log_file" 2>/dev/null | grep -q "TypeError: fetch failed"; then
+      return 0
+    fi
+    sleep 1
+    waited=$((waited+1))
+  done
+  return 1
+}
+
+# ==================== 前置检查 ====================
+# 关掉nginx进程
+ps -ef | grep nginx | grep -v grep | awk '{print $2}' | xargs -r kill -9
+
+echo "检查根目录 pre_install.py"
+if [ -f "$PREVIEW_DIR/pre_install.py" ]; then
+  echo "执行：python $PREVIEW_DIR/pre_install.py"
+  python "$PREVIEW_DIR/pre_install.py" || echo "pre_install.py 执行失败"
+fi
+
+echo "检查根目录 post_install.py"
+if [ -f "$PREVIEW_DIR/post_install.py" ]; then
+  echo "执行：python $PREVIEW_DIR/post_install.py"
+  python "$PREVIEW_DIR/post_install.py" || echo "post_install.py 执行失败"
+fi
+
+echo "==================== 开始启动 ===================="
+echo "开始执行服务启动脚本（start_dev.sh）..."
+echo "正在检查依赖命令和目录是否存在..."
+# 检查核心命令
+check_command "npm"
+check_command "pnpm"
+check_command "lsof"
+check_command "bash"
+
+# 端口占用预检查与处理
+ensure_port SERVER_PORT "$SERVER_PORT"
+ensure_port EXPO_PORT "$EXPO_PORT"
+
+echo "==================== 启动 server 服务 ===================="
+echo "正在执行：pnpm run dev (server)"
+( pushd "$ROOT_DIR/server" > /dev/null && SERVER_PORT="$SERVER_PORT" nohup pnpm run dev; popd > /dev/null ) &
+SERVER_PID=$!
+disown $SERVER_PID 2>/dev/null || true
+if [ -z "${SERVER_PID}" ]; then
+  echo "无法获取 server 后台进程 PID"
+fi
+echo "server 服务已启动，进程 ID：${SERVER_PID:-unknown}"
+
+echo "==================== 启动 Expo 项目 ===================="
+echo "开始启动 Expo 服务，端口 ${EXPO_PORT}"
+start_expo 0
+if detect_expo_fetch_failed 8; then
+  echo "Expo 启动检测到网络错误：TypeError: fetch failed，启用离线模式重试"
+  if [ -n "${EXPO_PID}" ]; then kill -9 "$EXPO_PID" 2>/dev/null || true; fi
+  : > "$ROOT_DIR/logs/client.log"
+  start_expo 1
+fi
+# 输出以下环境变量，确保 Expo 项目能正确连接到 Server 服务
+echo "Expo 环境变量配置："
+echo "EXPO_PUBLIC_BACKEND_BASE_URL=${EXPO_PUBLIC_BACKEND_BASE_URL}"
+echo "EXPO_PACKAGER_PROXY_URL=${EXPO_PACKAGER_PROXY_URL}"
+echo "EXPO_PUBLIC_COZE_PROJECT_ID=${EXPO_PUBLIC_COZE_PROJECT_ID}"
+if [ -z "${EXPO_PID}" ]; then
+  echo "无法获取 Expo 后台进程 PID"
+fi
+
+echo "所有服务已启动。Server PID: ${SERVER_PID}, Expo PID: ${EXPO_PID}"
+
+echo "检查 Server 服务端口：$SERVER_HOST:$SERVER_PORT"
+if wait_port_connectable "$SERVER_HOST" "$SERVER_PORT" 10 2; then
+  echo "端口可连接：$SERVER_HOST:$SERVER_PORT"
+else
+  echo "端口不可连接：$SERVER_HOST:$SERVER_PORT 10 次）"
+fi
+
+echo "检查 Expo 服务端口：$EXPO_HOST:$EXPO_PORT"
+if wait_port_connectable "$EXPO_HOST" "$EXPO_PORT" 10 2; then
+  echo "端口可连接：$EXPO_HOST:$EXPO_PORT"
+else
+  echo "端口不可连接：$EXPO_HOST:$EXPO_PORT（已尝试 10 次）"
+fi
+
+echo "服务端口检查完成"
+
+echo "检查根目录 post_run.py"
+if [ -f "$ROOT_DIR/post_run.py" ]; then
+  echo "启动检查中"
+  python "$ROOT_DIR/post_run.py" --port "$EXPO_PORT" || echo "post_run.py 执行失败"
+  echo "启动检查结束"
+fi
+
+echo "==================== 服务启动完成 ===================="

package/lib/__templates__/expo/.cozeproj/scripts/prod_build.sh

@@ -0,0 +1,47 @@
+#!/bin/bash
+if [ -z "${BASH_VERSION:-}" ]; then exec /usr/bin/env bash "$0" "$@"; fi
+set -euo pipefail
+ROOT_DIR="$(pwd)"
+
+# ==================== 工具函数 ====================
+info() {
+  echo "[INFO] $1"
+}
+warn() {
+  echo "[WARN] $1"
+}
+error() {
+  echo "[ERROR] $1"
+  exit 1
+}
+check_command() {
+  if ! command -v "$1" &> /dev/null; then
+    error "命令 $1 未找到，请先安装"
+  fi
+}
+
+info "==================== 开始构建 ===================="
+info "开始执行构建脚本（build_prod.sh）..."
+info "正在检查依赖命令是否存在..."
+# 检查核心命令
+check_command "pnpm"
+check_command "npm"
+
+# ==================== 安装 Node 依赖 ====================
+info "==================== 安装 Node 依赖 ===================="
+info "开始安装 Node 依赖"
+if [ -f "$ROOT_DIR/package.json" ]; then
+  info "进入目录：$ROOT_DIR"
+  info "正在执行：pnpm install"
+  (cd "$ROOT_DIR" && pnpm install --registry=https://registry.npmmirror.com) || error "Node 依赖安装失败"
+else
+  warn "未找到 $ROOT_DIR/package.json 文件，请检查路径是否正确"
+fi
+info "==================== 依赖安装完成！====================\n"
+
+info "==================== dist打包 ===================="
+info "开始执行：pnpm run build (server)"
+(pushd "$ROOT_DIR/server" > /dev/null && pnpm run build; popd > /dev/null) || error "dist打包失败"
+info "==================== dist打包完成！====================\n"
+
+info "下一步：执行 ./prod_run.sh 启动服务"

package/lib/__templates__/expo/.cozeproj/scripts/prod_run.sh

@@ -0,0 +1,34 @@
+#!/usr/bin/env bash
+# 产物部署使用
+set -euo pipefail
+
+ROOT_DIR="$(pwd)"
+
+HOST="${HOST:-0.0.0.0}"
+PORT="${PORT:-5000}"
+
+# ==================== 工具函数 ====================
+info() {
+  echo "[INFO] $1"
+}
+warn() {
+  echo "[WARN] $1"
+}
+error() {
+  echo "[ERROR] $1"
+  exit 1
+}
+check_command() {
+  if ! command -v "$1" &> /dev/null; then
+    error "命令 $1 未找到，请先安装"
+  fi
+}
+
+# ============== 启动服务 ======================
+# 检查核心命令
+check_command "pnpm"
+check_command "npm"
+
+info "开始执行：pnpm run start (server)"
+(pushd "$ROOT_DIR/server" > /dev/null && PORT="$PORT" pnpm run start; popd > /dev/null) || error "服务启动失败"
+info "服务启动完成！\n"

package/lib/__templates__/expo/.cozeproj/scripts/server_dev_run.sh

@@ -0,0 +1,46 @@
+#!/bin/bash
+
+ROOT_DIR="$(cd "$(dirname "$0")/../.." && pwd)"
+SERVER_DIR="$ROOT_DIR/server"
+LOG_DIR="${COZE_LOG_DIR:-$ROOT_DIR/logs}"
+LOG_SERVER_FILE="$LOG_DIR/server.log"
+SERVER_PORT="${SERVER_PORT:-9091}"
+
+mkdir -p "$LOG_DIR"
+
+pipe_to_log() {
+  local source="${1:-SERVER}"
+  local raw_log="${2:-}"
+  local line clean_line timestamp
+  while IFS= read -r line || [ -n "$line" ]; do
+    clean_line=$(printf '%s' "$line" | sed 's/\x1b\[[0-9;]*[mA-Za-z]//g')
+    if [ -n "$raw_log" ]; then
+      timestamp=$(date '+%Y-%m-%d %H:%M:%S')
+      echo "[$timestamp] $clean_line" >> "$raw_log"
+    fi
+    printf '[%s] %s\n' "$source" "$clean_line"
+  done
+}
+
+kill_old_server() {
+  if command -v lsof &> /dev/null; then
+    local pids
+    pids=$(lsof -t -i tcp:"$SERVER_PORT" -sTCP:LISTEN 2>/dev/null || true)
+    if [ -n "$pids" ]; then
+      echo "正在关闭旧的 server 进程：$pids"
+      kill -9 $pids 2>/dev/null || echo "关闭进程失败：$pids"
+      sleep 1
+    fi
+  fi
+}
+
+echo "==================== Server Dev Run ===================="
+echo "Server 目录：$SERVER_DIR"
+echo "Server 端口：$SERVER_PORT"
+echo "日志文件：$LOG_SERVER_FILE"
+
+kill_old_server
+
+echo "启动 server 服务..."
+cd "$SERVER_DIR"
+NODE_ENV=development PORT="$SERVER_PORT" npx tsx watch ./src/index.ts 2>&1 | pipe_to_log "SERVER" "$LOG_SERVER_FILE"

package/lib/__templates__/expo/README.md

@@ -1,13 +1,70 @@
-# Expo App Template
+# Expo App + Express.js
+
+## 目录结构规范
+
+当前仓库是一个 monorepo（基于 pnpm 的 workspace）
+
+- Expo 代码在 client 目录，Express.js 代码在 server 目录
+- 本模板默认无 Tab Bar，可按需改造
+
+目录结构说明
+
+├── server/                     # 服务端代码根目录 (Express.js)
+|   ├── src/
+│   │   └── index.ts            # Express 入口文件
+|   └── package.json            # 服务端 package.json
+├── client/                     # React Native 前端代码
+│   ├── app/                    # Expo Router 路由目录（仅路由配置）
+│   │   ├── _layout.tsx         # 根布局文件（必需，务必阅读）
+│   │   └── index.tsx           # 首页
+│   ├── heroui/                 # hero native ui 组件库，提供了各类基础组件
+│   ├── screens/                # 页面实现目录（与 app/ 路由对应）
+│   │   └── demo/
+│   │       └── index.tsx       # demo 示例页面（默认首页，不需要可以删除，记得同时更新路由文件）
+│   ├── components/             # 可复用组件
+│   │   └── Screen.tsx          # 页面容器组件（必用）
+│   ├── hooks/                  # 自定义 Hooks
+│   ├── contexts/               # React Context 代码
+│   ├── utils/                  # 工具函数
+│   ├── assets/                 # 静态资源
+|   └── package.json            # Expo 应用 package.json
+├── package.json
+├── .cozeproj                   # 预置脚手架脚本（禁止修改）
+└── .coze                       # 配置文件（禁止修改）
+
+## 技术选型（严格遵循）
+
+- 前端：Expo + React Native + TailwindCSS
+- 后端：Express.js
+
+本项目通过 uniwind 实现了 react-native 对 TailwindCSS v4 的支持，在编写样式时应使用 TailwindCSS 写法
+
 ## 安装依赖
+
+### 命令
+
 ```bash
-pnpm install
+pnpm i
 ```
-## 启动 Metro 服务
-```bash
-npx expo start
+
+## Expo 开发规范
+
+### 路径别名
+
+Expo 配置了 `@/` 路径别名指向 `client/` 目录：
+
+```tsx
+// 正确
+import { Screen } from '@/components/Screen';
+
+// 避免相对路径
+import { Screen } from '../../../components/Screen';
 ```
-## 启动 Node 服务器
+
+## 本地开发
+
+运行 coze dev 可以同时启动前端和后端服务，如果端口已占用，该命令会先杀掉占用端口的进程再启动，也可以用来重启前端和后端服务
+
 ```bash
-npm run server
+coze dev
 ```

package/lib/__templates__/expo/_gitignore

@@ -8,4 +8,4 @@ expo/expo-env.d.ts
 expo-env.d.ts
 .DS_Store
 logs/
-tsconfig.tsbuildinfo
+*.tsbuildinfo

package/lib/__templates__/expo/_npmrc

@@ -1,4 +1,4 @@
-registry=https://registry.npmjs.org
+registry=https://registry.npmmirror.com
 
 strictStorePkgContentCheck=false
 verifyStoreIntegrity=false
@@ -8,15 +8,13 @@ network-concurrency=16
 fetch-retries=3
 fetch-timeout=60000
 
-# 严格使用 peer dependencies
+# peerDependencies
 strict-peer-dependencies=false
-
-# 自动生成 lockfile
 auto-install-peers=true
 
 # lockfile 配置
 lockfile=true
 prefer-frozen-lockfile=true
 
-# 如果 lockfile 存在但过期，更新而不是失败
+# semver 选择最高版本
 resolution-mode=highest

package/lib/__templates__/expo/client/app/+not-found.tsx

@@ -1,79 +1,15 @@
-import { useRouter } from 'expo-router';
-import { StyleSheet, View, Text, Pressable, Platform } from 'react-native';
+import { View, Text } from 'react-native';
+import { Link } from 'expo-router';
 
 export default function NotFoundScreen() {
-  const router = useRouter();
-
-  const goBack = () => {
-    if (router.canGoBack()) {
-      router.back();
-    }
-  };
-
   return (
-    <View style={styles.container}>
-      <Text style={styles.heading}>404</Text>
-      <Text style={styles.textStyle}>页面未找到</Text>
-      <Text style={styles.subTextStyle}>
-        抱歉！您访问的页面不存在，当前页面功能待完善。
+    <View className="flex-1 justify-center items-center bg-background">
+      <Text className="text-foreground">
+        页面不存在
       </Text>
-      <Pressable onPress={goBack} style={styles.button}>
-        <Text style={styles.buttonText}>返回上一页</Text>
-      </Pressable>
+      <Link href="/" className="text-accent mt-6">
+        返回首页
+      </Link>
     </View>
   );
 }
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
-    backgroundColor: '#f3f5ff',
-    padding: 16,
-  },
-  heading: {
-    fontSize: 120,
-    fontWeight: '900',
-    color: '#4a5568',
-    textShadowColor: 'rgba(0, 0, 0, 0.05)',
-    textShadowOffset: { width: 0, height: 4 },
-    textShadowRadius: 8,
-  },
-  textStyle: {
-    fontSize: 24,
-    fontWeight: '500',
-    marginTop: -16,
-    marginBottom: 16,
-    color: '#4a5568',
-  },
-  subTextStyle: {
-    fontSize: 16,
-    color: '#718096',
-    marginBottom: 32,
-    maxWidth: 400,
-    textAlign: 'center',
-  },
-  button: {
-    paddingVertical: 12,
-    paddingHorizontal: 24,
-    backgroundColor: '#6366f1',
-    borderRadius: 9999,
-    ...Platform.select({
-      ios: {
-        shadowColor: 'rgba(0, 0, 0, 0.1)',
-        shadowOffset: { width: 0, height: 10 },
-        shadowOpacity: 1,
-        shadowRadius: 15,
-      },
-      android: {
-        elevation: 5,
-      },
-    }),
-  },
-  buttonText: {
-    fontSize: 16,
-    fontWeight: '600',
-    color: '#ffffff',
-  },
-});

package/lib/__templates__/expo/client/app/_layout.tsx

@@ -5,6 +5,9 @@ import { StatusBar } from 'expo-status-bar';
 import { LogBox } from 'react-native';
 import Toast from 'react-native-toast-message';
 import { AuthProvider } from "@/contexts/AuthContext";
+import { HeroUINativeProvider } from '@/heroui';
+
+import '../global.css';
 
 LogBox.ignoreLogs([
   "TurboModuleRegistry.getEnforcing(...): 'RNMapsAirModule' could not be found",
@@ -14,20 +17,22 @@ LogBox.ignoreLogs([
 export default function RootLayout() {
   return (
     <AuthProvider>
+      <HeroUINativeProvider>
         <GestureHandlerRootView style={{ flex: 1 }}>
-            <StatusBar style="dark"></StatusBar>
-            <Stack screenOptions={{
-                // 设置所有页面的切换动画为从右侧滑入，适用于iOS 和 Android
-                animation: 'slide_from_right',
-                gestureEnabled: true,
-                gestureDirection: 'horizontal',
-                // 隐藏自带的头部
-                headerShown: false
-            }}>
-              <Stack.Screen name="(tabs)" options={{ title: "" }} />
-            </Stack>
-            <Toast />
+          <StatusBar style="dark"></StatusBar>
+          <Stack screenOptions={{
+            // 设置所有页面的切换动画为从右侧滑入，适用于iOS 和 Android
+            animation: 'slide_from_right',
+            gestureEnabled: true,
+            gestureDirection: 'horizontal',
+            // 隐藏自带的头部
+            headerShown: false
+          }}>
+            <Stack.Screen name="index" options={{ title: "" }} />
+          </Stack>
+          <Toast />
         </GestureHandlerRootView>
+      </HeroUINativeProvider>
     </AuthProvider>
   );
 }

package/lib/__templates__/expo/client/app/index.tsx

@@ -0,0 +1 @@
+export { default } from '@/screens/demo';