@g4rb4g3/react-native-carplay

中文文档
2.7.22发布于 2025/12/09MITTypeScriptCommonJS零依赖近 30 天下载 2068

原生反应卡Play

中文使用文档
文档目录22 节
  1. 特征
  2. 安装
  3. 曝光 SDK 53 兼容性
  4. 所需资源
  5. iOS系统
  6. 机器人
  7. 设置
  8. iOS 设置
  9. Android 设置
  10. 基本用途
  11. 模板
  12. 列表模板
  13. 地图模板
  14. 网格模板
  15. 现在播放模板
  16. 解决问题
  17. Android 构建问题
  18. 共同问题
  19. 从以前的版本迁移
  20. 捐款
  21. 许可证
  22. 支助

反应原生车Play

CarPlay和Android Auto支持回放原生应用程序.

特征

  • 📱 CarPlay 支持: 完整的 iOS CarPlay 集成
  • 🚗 Android 自动支持: 完整Android 自动兼容
  • 🎯 曝光 SDK 53 兼容性: 最新世博会SDK更新
  • 🏗️ 新建筑准备: 支持反应原住民的新建筑
  • 📍 导航模板: 地图、列表、网格和更多
  • 🎵 媒体支助: 现在播放模板和音频控制
  • 📞 通讯: 联系人和通讯模板

安装

npm install @g4rb4g3/react-native-carplay
# or
yarn add @g4rb4g3/react-native-carplay

曝光 SDK 53 兼容性

此版本已更新,以便与Expo SDK 53完全兼容,包括:

  • ✅ Android API 34 (英语): 已更新至目标稳定Android版本
  • ✅ 科特林岛 1.9.10: 已证实兼容性的稳定克特林版本
  • ✅ 带子 8.4: 更新了构建工具以提高兼容性
  • ✅ 反应原生 0.76+: 支持与 Expo SDK 53相兼容的回放原生版本
  • ✅ 新建筑: 全力支持Fabric和TurboModules

所需资源

iOS系统

  • iOS 14.0+ (英语)
  • X码 16+
  • 应用程序中的 CarPlay 能力

机器人

  • Android API 23+ (Android 6.0) (英语)
  • Android 自动支持
  • 汽车App库 1.7.0

设置

iOS 设置

  1. 在您的应用程序中添加 CarPlay 能力 :

    <!-- ios/YourApp/Info.plist -->
    <key>UIRequiredDeviceCapabilities</key>
    <array>
      <string>carplay</string>
    </array>
    
  2. 在您的应用程序代表中配置 CarPlay 场景 .

Android 设置

  1. 将 Android 自动权限添加到您的列表 :

    <!-- android/app/src/main/AndroidManifest.xml -->
    <uses-permission android:name="androidx.car.app.NAVIGATION_TEMPLATES" />
    <uses-permission android:name="androidx.car.app.MAP_TEMPLATES" />
    <uses-permission android:name="androidx.car.app.ACCESS_SURFACE" />
    
  2. 在清单中配置您的 CarPlay 服务 .

基本用途

import { CarPlay } from '@g4rb4g3/react-native-carplay';

// Initialize CarPlay
CarPlay.connect();

// Create a simple list template
const listTemplate = {
  id: 'main-list',
  title: 'My App',
  sections: [{
    items: [
      { id: '1', text: 'Item 1', detailText: 'Detail 1' },
      { id: '2', text: 'Item 2', detailText: 'Detail 2' },
    ]
  }],
  onItemSelect: (item) => {
    console.log('Selected:', item);
  }
};

// Present the template
CarPlay.presentTemplate(listTemplate);

模板

列表模板

适合显示音乐、联系人或导航目的地等物品的清单.

地图模板

理想的导航应用 有转弯方向 和感兴趣的点.

网格模板

用于显示相册封面或分类图标等视觉内容的功能很好.

现在播放模板

音乐和音频应用程序必须显示当前播放状态.

解决问题

Android 构建问题

如果您在升级到 Expo SDK 53 后遇到建筑问题:

  1. 清理您的缓存数字 :

    cd android && ./gradlew clean
    
  2. 更新您的工程的 Gradle 版本 内 android/gradle/wrapper/gradle-wrapper.properties数字 :

    distributionUrl=https\://services.gradle.org/distributions/gradle-8.14.1-bin.zip
    
  3. 确保正确的 SDK 版本 在你身边 android/build.gradle数字 :

    compileSdkVersion 34
    targetSdkVersion 34
    minSdkVersion 23
    
  4. 更新 Kotlin 版本 在您的项目中 android/build.gradle数字 :

    ext.kotlinVersion = '1.9.25'
    

共同问题

  • "没有找到模块":确保你已经运行 pod install (iOS)或重建您的项目(Android)
  • 不连接卡Play:确保您的应用程序具有卡普莱能力和适当的权益
  • Android 自动自动失效: 请检查是否将所有所需的权限添加到您的清单中

从以前的版本迁移

如果从旧版本升级 :

  1. 更新您的依赖关系以匹配 Expo SDK 53
  2. 重建您的开发建筑
  3. 测试所有 CarPlay/ Android 自动功能
  4. 更新任何已贬值的 API 用途

捐款

我们欢迎捐款! 请阅读我们提供的准则,并向主要存放处提交拉动请求.

许可证

麻省理工学院许可证 - 详情见LICENSE文件.

支助


为原住民社区制作

版本与发布记录

@g4rb4g3/react-native-carplay 共发布 131 个版本,首次发布于 2024/10/15;过去 12 个月发布了 3 个版本。

版本发布日期距今
2.7.22latest2025/12/0911 个月前
2.7.212025/12/0211 个月前
2.7.202025/12/0211 个月前
2.7.192025/10/021.1 年前
2.7.182025/09/301.1 年前
2.7.172025/09/301.1 年前

关于 @g4rb4g3/react-native-carplay 的常见问题

@g4rb4g3/react-native-carplay 是什么?

原生反应卡Play

如何安装 @g4rb4g3/react-native-carplay?

在项目目录运行 npm install @g4rb4g3/react-native-carplay,或使用 pnpm add / yarn add / bun add。

@g4rb4g3/react-native-carplay 支持 TypeScript 吗?

支持。包内自带 TypeScript 类型声明(package.json 声明了 types 入口),安装后即可获得类型提示,无需再安装 @types 包。

@g4rb4g3/react-native-carplay 支持 ESM 还是 CommonJS?

以 CommonJS 形式发布,可以直接 require();在 ES Module 项目中也可以用 import 引入(Node.js 会把 module.exports 作为默认导出)。

@g4rb4g3/react-native-carplay 可以商用吗?

@g4rb4g3/react-native-carplay 使用 MIT 许可。宽松许可:允许商业使用、修改和再分发,通常只需在分发时保留原版权与许可声明。以上为概括,不构成法律意见,请以许可原文为准。

@g4rb4g3/react-native-carplay 的下载量有多少?

根据 npm 官方下载统计,@g4rb4g3/react-native-carplay 在 2026/10/16 – 2026/11/14 这 30 天内被下载 2,068 次,日均约 69 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入,适合横向比较热度,不能直接等同于使用人数。

@g4rb4g3/react-native-carplay 还在维护吗?

最新版本 2.7.22 发布于 2025/12/09(11 个月前);至今共发布 131 个版本,其中过去 12 个月发布了 3 个;首次发布于 2024/10/15。发布频率只是参考信号:功能稳定的工具可能很少需要更新,建议结合源码仓库的 issue 和提交记录判断。