App 应用

    1. Expo 生态与核心概念

    会员专享 · 非会员仅可阅读 30% 的正文。

    发布时间
    November 17, 2025
    阅读时间
    2 min read
    作者
    Felix
    访问
    会员专享
    这是预览内容

    非会员仅可阅读 30% 的正文。

    第一章我们先从三个维度快速建立 Expo 的整体认知:SDK / Expo Go / EAS、以及它在真实项目中的优势与权衡。

    什么是 Expo?为什么选择它

    Expo 是围绕 React Native 打造的一套开发平台与服务集合,目标是让你“像做 Web 一样”高效地开发原生应用。它在 React Native 之上提供:

    • 更快的项目初始化与开发体验(零配置或少配置起步)。
    • 高度一致的跨平台 API(相机、通知、文件系统、传感器等)。
    • 一体化的构建、发布与热更新服务(EAS 套件)。

    一句话:如果你希望更少地和原生构建细节纠缠、更快把产品交付到用户手里,Expo 是非常好的选择。

    快速上手示例:

    # 1) 初始化
    npx create-expo-app my-app
    
    # 2) 进入项目并启动开发服务器
    cd my-app
    npm run start     # 等同于 npx expo start
    
    # 3) 手机装 Expo Go 扫码预览(或使用 iOS/Android 模拟器)

    你会得到一个“可立即运行”的 RN 应用,常见的原生依赖(如图标、设备信息、屏幕亮度等)都可以直接通过 Expo SDK 使用。

    Expo 生态概览:SDK / Expo Go / EAS

    Expo 的生态可以理解为三层:

    1、 Expo SDK(开发库)

    Expo SDK 是一组对原生能力进行封装的 JS/TS 模块,覆盖常见应用能力:

    • UI 与主题:expo-routerexpo-font@expo/vector-icons 等。
    • 设备与系统:expo-deviceexpo-batteryexpo-hapticsexpo-application
    • 多媒体:expo-imageexpo-cameraexpo-av
    • 传感器:expo-sensors(加速度、陀螺仪、磁力计等)。
    • 通知与权限:expo-notificationsexpo-permissions(部分权限已内置到各模块)。
    • 存储与文件:expo-file-systemexpo-secure-store

    安装与使用通常非常直接:

    npx expo install expo-notifications
    import * as Notifications from 'expo-notifications'
    
    await Notifications.scheduleNotificationAsync({
      content: { title: 'Hello Expo'
    会员专享

    订阅后解锁完整文章

    支持创作、解锁全文,未来更新也会第一时间送达。

    评论

    加入讨论

    0 条评论
    登录后评论

    还没有评论,来占个沙发吧。