# @expo/match-media 中文文档

规范地址：https://npmcn.com/package/%40expo/match-media/

版本：0\.4\.0
npm 元数据更新时间：2026-09-23T11:26:31.990Z
中文译文更新时间：2026-11-14T05:28:32.555Z
软件包许可：MIT

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40expo/match-media
原文对照：https://npmcn.com/package/%40expo/match-media/?lang=original
项目主页：https://github.com/expo/match-media#readme
源码仓库：https://github.com/expo/match-media

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：14.6 kB，15 个文件
- 模块格式：CommonJS
- TypeScript 类型：包内自带
- 运行依赖：1 个
- peer 依赖：expo \*，expo-screen-orientation \*
- 首次发布：2019-11-12T07:34:35.461Z
- 最新版本发布：2022-10-06T20:45:28.118Z
- 近 30 天下载量：134352（2026-10-14 至 2026-11-12，npm 官方下载统计）
- 已发布版本数：11（近 12 个月 0 个）

## 中文简介

使用手机上的 Expo API 实现匹配介质 API 的通用多填充

## 安装

```sh
npm install @expo/match-media
```

也可以使用：`pnpm add @expo/match-media`、`yarn add @expo/match-media`、`bun add @expo/match-media`

## README

# 欢迎光临  
`@expo/match-media`

**使用手机上的 Expo API 实现匹配介质 API 的通用多填充**  
  
[![GitHub Actions status](https://github.com/expo/match-media/workflows/Check%20Universal%20Module/badge.svg)](https://github.com/expo/match-media/actions)

* * *

TL; 大卫: [演示](https://npmcn.com/package/%40expo/match-media/App.js)

## QQ 设置

安装 `@expo/match-media` 财务报告和审定财务报表 `expo-screen-orientation` 在你的项目.

```sh
npx expo install @expo/match-media expo-screen-orientation
```

## 使用量

在使用前导入文件顶部的多填充 [`window.matchMedia` API 密码](https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia)。 。 。 .

```js
import '@expo/match-media';
// use the match media API
```

**这有什么作用**

-   在浏览器中:无
-   在回放原生应用程序中:多填充 [`matchMedia` API 密码](https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia) 这样你就可以使用很棒的图书馆了 `react-responsive`。 。 。 .

## 许可证

世博会的源代码可在 [麻省理工学院许可证](https://npmcn.com/package/%40expo/match-media/LICENSE)。一些附属单位的许可证不同,例如BSD许可证.

* * *

 [![](https://img.shields.io/badge/Sponsored_by-Expo-4630EB.svg?style=for-the-badge&logo=EXPO&labelColor=000&logoColor=fff)](http://expo.io/)[![License: MIT](https://img.shields.io/badge/License-MIT-success.svg?style=for-the-badge&color=33CC12)](https://npmcn.com/LICENSE)

## 常见问题

### @expo/match-media 是什么？

使用手机上的 Expo API 实现匹配介质 API 的通用多填充

### 如何安装 @expo/match-media？

在项目目录运行 npm install @expo/match-media，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：expo（\*）、expo-screen-orientation（\*）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @expo/match-media 支持 TypeScript 吗？

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

### @expo/match-media 支持 ESM 还是 CommonJS？

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

### @expo/match-media 可以商用吗？

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

### @expo/match-media 的下载量有多少？

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

### @expo/match-media 还在维护吗？

最新版本 0\.4\.0 发布于 2022/10/07（4 年前）；至今共发布 11 个版本，其中过去 12 个月发布了 0 个；首次发布于 2019/11/12。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。