Expo (React Native) vs Flutter 对比

// Expo — 通过 EAS Update 在无需等待应用商店审核的情况下推送 OTA JS 更新（TypeScript）

// app.config.ts — 定义更新渠道
import { ExpoConfig, ConfigContext } from "expo/config";

export default ({ config }: ConfigContext): ExpoConfig => ({
  ...config,
  name: "MyApp",
  slug: "my-app",
  version: "1.0.0",
  runtimeVersion: { policy: "appVersion" },
  updates: { url: "https://u.expo.dev/your-project-id" },
});

// 终端：生成 production 构建并提交到应用商店
// eas build --platform all --profile production
// eas submit --platform all

// 发现 Bug 后——无需触碰原生构建，直接发布 JS/资源修复
// eas update --branch production --message "Fix: login crash on cold start"

// 使用 EAS Observe 对生产环境进行性能监控（GA：2026 年 8 月 20 日）
// -> https://docs.expo.dev/eas/observe/introduction/
// 需要单独的原生库；在 Expo Go 中无法运行，必须使用 development
// 或 production 构建：
// npx expo install expo-observe
// 用 <ObserveRoot> 包裹根布局，应用就绪时调用 markInteractive()。
// 可测量指标包括：冷/热启动、首次渲染、可交互时间、bundle 加载
// 以及 EAS Update 下载耗时。JS 错误记录功能仍在预览阶段。

// Flutter 3.47 — 迁移到独立的 material_ui 包（Dart）

// pubspec.yaml — 添加新的独立包
// dependencies:
//   material_ui: ^1.0.0
//   cupertino_ui: ^1.0.0

// 终端：从 SDK 内置的旧组件自动迁移到新包
// $ dart fix --apply --code=migrate_design_widgets

// main.dart — 从新包导入（旧写法：package:flutter/material.dart）
import 'package:material_ui/material_ui.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Profil Kartı',
      home: Scaffold(
        appBar: AppBar(title: const Text('Profil')),
        body: const Center(child: Text('Merhaba, Flutter 3.47')),
      ),
    );
  }
}

// 注意：Flutter 没有官方对应的“eas update”功能——
// 要把这个改动推送给用户，你需要生成新的构建并
// 通过应用商店审核。