# @codeherence/react-native-header 中文文档

规范地址：https://npmcn.com/package/%40codeherence/react-native-header/

版本：1\.0\.1
npm 元数据更新时间：2026-03-15T23:46:33.921Z
中文译文更新时间：2026-11-10T06:48:47.667Z
软件包许可：MIT

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

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

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

- 包体积（解压后）：294 kB，129 个文件
- 模块格式：ESM + CJS
- TypeScript 类型：包内自带
- Node.js 要求：\>= 16\.0\.0
- 运行依赖：1 个
- peer 依赖：@shopify/flash-list \*，react \*，react-native \*，react-native-reanimated \>=4\.0\.0，react-native-safe-area-context \*，react-native-worklets \*
- 首次发布：2023-03-23T02:37:39.709Z
- 最新版本发布：2026-03-15T23:46:33.787Z
- 近 30 天下载量：50587（2026-10-10 至 2026-11-08，npm 官方下载统计）
- 已发布版本数：32（近 12 个月 1 个）

## 中文简介

用于 React 本地应用程序的高性能,跨平台动画头组件

## 安装

```sh
npm install @codeherence/react-native-header
```

也可以使用：`pnpm add @codeherence/react-native-header`、`yarn add @codeherence/react-native-header`、`bun add @codeherence/react-native-header`

## README

[![React Native Header by Codeherence](https://user-images.githubusercontent.com/128341688/227227781-ffabe93e-4ed5-439d-b789-5a9dc6eaea99.png)](https://codeherence.com/)

# 反应原生页眉

React Natural Header是一个用于React Natural应用的高性能,跨平台动画头组件. 它为开发者提供了方便使用的界面,可以快速地创建出美丽而动态的导航头.

| 安卓/iOS/网络 |
| --- |
| ![iOS React Native Header Showcase](https://github.com/codeherence/react-native-header/assets/128341688/b465a0f5-ce06-46a7-9894-849db698b66b) |

## 特征

-   保持相似的经验 **iOS系统**, (中文(简体) ), **机器人**,以及 **网页**。 。 。 .
-   为更好的动画性能重新使用
-   与 [滚动视图](https://reactnative.dev/docs/scrollview), (中文(简体) ), [平面图](https://reactnative.dev/docs/flatlist),以及 [区列表](https://reactnative.dev/docs/sectionlist)
-   兼容 [博览去](https://docs.expo.dev/) 赤裸裸的 [原生反应](https://github.com/react-native-community/cli) 项目
-   与Shofify的作品 [闪光列表](https://shopify.github.io/flash-list/)
-   在类型脚本中写入

## 显示大小写

快速看到图书馆在行动,检查一下 [点心](https://snack.expo.dev/@eyounan/react-native-header-example) 或扫描 QR 代码打开设备上的示例应用程序.

[![Open Snack](https://github.com/codeherence/react-native-header/assets/128341688/e5410e84-e938-4268-976b-ce205e53d6d0)](https://snack.expo.dev/@eyounan/react-native-header-example)

## 文档

该图书馆的文件可在下列地点查阅: [这里](https://react-native-header.codeherence.com/)。 。 。 .

## 捐款

见 [贡献指南](https://npmcn.com/package/%40codeherence/react-native-header/CONTRIBUTING.md) 学习如何为储存库和发展工作流程作出贡献.

## 许可证

麻省理工学院

* * *

制造的 [创建- 反应- 本土- 图书馆](https://github.com/callstack/react-native-builder-bob)

## 常见问题

### @codeherence/react-native-header 是什么？

用于 React 本地应用程序的高性能,跨平台动画头组件

### 如何安装 @codeherence/react-native-header？

在项目目录运行 npm install @codeherence/react-native-header，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：@shopify/flash-list（\*）、react（\*）、react-native（\*）、react-native-reanimated（\>=4\.0\.0）、react-native-safe-area-context（\*）、react-native-worklets（\*）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @codeherence/react-native-header 支持 TypeScript 吗？

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

### @codeherence/react-native-header 支持 ESM 还是 CommonJS？

同时提供 ES Module 与 CommonJS 入口，import 和 require\(\) 都可以使用，打包工具会自动选择合适的版本。

### @codeherence/react-native-header 需要什么版本的 Node\.js？

package\.json 的 engines 字段要求 Node\.js \>= 16\.0\.0。版本不符时 npm 默认只给出警告，开启 engine-strict 后会拒绝安装。

### @codeherence/react-native-header 可以商用吗？

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

### @codeherence/react-native-header 的下载量有多少？

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

### @codeherence/react-native-header 还在维护吗？

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