# @fluentui-react-native/framework-base 中文文档 规范地址：https://npmcn.com/package/%40fluentui-react-native/framework-base/ 版本：0\.9\.1 npm 元数据更新时间：2026-11-11T17:58:36.632Z 中文译文更新时间：2026-11-15T01:17:10.274Z 软件包许可：MIT 本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。 原始 npm 页面：https://www.npmjs.com/package/%40fluentui-react-native/framework-base 原文对照：https://npmcn.com/package/%40fluentui-react-native/framework-base/?lang=original 项目主页：https://github.com/microsoft/fluentui-react-native#readme 源码仓库：https://github.com/microsoft/fluentui-react-native ## 关键信息（来自 npm 元数据） - 包体积（解压后）：610 kB，270 个文件 - 模块格式：ES Module - TypeScript 类型：包内自带 - 运行依赖：0 个 - peer 依赖：react 18\.2\.0 \|\| 19\.0\.0 \|\| 19\.1\.4，@types/react ~18\.2\.0 \|\| ~19\.0\.0 \|\| ~19\.1\.4，react-native ^0\.73\.0 \|\| ^0\.74\.0 \|\| ^0\.78\.0 \|\| ^0\.81\.6 - 首次发布：2025-07-16T20:03:07.661Z - 最新版本发布：2026-11-11T17:58:36.418Z - 近 30 天下载量：12298（2026-10-15 至 2026-11-13，npm 官方下载统计） - 已发布版本数：18（近 12 个月 12 个） ## 中文简介 基础类型和公用事业 ## 安装 ```sh npm install @fluentui-react-native/framework-base ``` 也可以使用：`pnpm add @fluentui-react-native/framework-base`、`yarn add @fluentui-react-native/framework-base`、`bun add @fluentui-react-native/framework-base` ## README # `@fluentui-react-native/framework-base` Fluent UI React 本地框架共享的核心执行和类型:组件模式,槽,自定义 JSX运行时间、互动和无障碍帮助者以及不可改变的合并、记忆和道具合并的公用事业. 包括合并和纪念设施在内的先前独立的一揽子计划现已成为这一一揽子计划的一部分. ## 快开始 将软件包添加为依赖, 然后将 JSX 运行时间 pragma 放在 **第一行 :** 每个组件文件 使用组件模式: ```tsx /** @jsxImportSource @fluentui-react-native/framework-base */ import { Text } from 'react-native'; import type { TextProps } from 'react-native'; import { directComponent } from '@fluentui-react-native/framework-base'; export const StrongText = directComponent(({ style, ...props }) => ); ``` 运行时间 `@fluentui-react-native/framework-base/jsx-runtime` 平整直接和相相继组件及支持 空档裁判 编译输出导入它, 因此使用 pragma 的软件包将此软件包声明为 `dependencies`编辑 pragma 取代遗产 `/** @jsx withSlots */` 指令; 导出 `withSlots` 帮助者只保留到 已贬值的框架代码所使用的经典运行时间 . ## 文档 | 专题 | 封面 | | --- | --- | | [构成部分模式](https://npmcn.com/package/%40fluentui-react-native/framework-base/references/component-patterns.md) | 选择和结合 `directComponent`, (中文(简体) ), `phasedComponent`时段 | | [无障碍](https://npmcn.com/package/%40fluentui-react-native/framework-base/references/accessibility.md) | `resolveAccessibilityAction` 和共享语义动作合同 | | [不可移动合并](https://npmcn.com/package/%40fluentui-react-native/framework-base/references/immutable-merge.md) | `immutableMerge`, (中文(简体) ), `immutableMergeCore`合并选项 | | [备忘录缓存](https://npmcn.com/package/%40fluentui-react-native/framework-base/references/memo-cache.md) | `getMemoCache`, (中文(简体) ), `getTypedMemoCache`,以及 `memoize` | | [合并道具](https://npmcn.com/package/%40fluentui-react-native/framework-base/references/merge-props.md) | `mergeProps`, (中文(简体) ), `mergeStyles`样式 | | [捐款](https://npmcn.com/package/%40fluentui-react-native/framework-base/references/contributing.md) | 源头所有权、兼容性、测试和验证 | 这个 [参考索引](https://npmcn.com/package/%40fluentui-react-native/framework-base/references/README.md) 列出每个编号的引用。 此套件的代理从 [一般事务人员(其他职等)](https://npmcn.com/package/%40fluentui-react-native/framework-base/AGENTS.md)。 。 。 . ## 类型助手 - `PropsOf` - 从反应组件类型提取道具 - `PropsWithRefOf` - 从反应组件类型中提取道具,包括支持的参考文献 - `PropsChildren` - 从道具类型中取出儿童入境 - `PropsWithoutChildren` 编号 : `PartialWithoutChildren` - 在保留工会的同时驱逐儿童 - `FunctionComponent` - 功能元件类型,没有儿童处理反应并发症。 FC 推动 - `DirectComponent` - 标记为直接渲染的函数组件 - `PhasedComponent` - 一个有两阶段支助的组成部分 - `PhasedRender` - 相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相 - `SlotComponent` - 组成框架中使用的槽组件类型 - `PropsTransform` - 将一组道具映射到另一组 - `ComponentPropsTransform` - 变换部件类型的已解析道具 - `SlotOptions` - 默认道具、转换和可选的片段渲染行为 - `Simplify`, (中文(简体) ), `OuterPartial`,以及 `PartialExcept` - 帮助生产可读部分对象类型 - `MergeCoreOptions` - 被接受的选项 `immutableMergeCore` - `ValueFactory` - 备忘录缓存功能接受工厂签名 ## 常见问题 ### @fluentui-react-native/framework-base 是什么？ 基础类型和公用事业 ### 如何安装 @fluentui-react-native/framework-base？ 在项目目录运行 npm install @fluentui-react-native/framework-base，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：react（18\.2\.0 \|\| 19\.0\.0 \|\| 19\.1\.4）、react-native（^0\.73\.0 \|\| ^0\.74\.0 \|\| ^0\.78\.0 \|\| ^0\.81\.6）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。 ### @fluentui-react-native/framework-base 支持 TypeScript 吗？ 支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。 ### @fluentui-react-native/framework-base 支持 ESM 还是 CommonJS？ 以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node\.js 20\.19\+ / 22\.12\+ 可以直接 require\(\) 不含顶层 await 的 ES Module，更早的版本需要改用动态 import\(\)。 ### @fluentui-react-native/framework-base 可以商用吗？ @fluentui-react-native/framework-base 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。 ### @fluentui-react-native/framework-base 的下载量有多少？ 根据 npm 官方下载统计，@fluentui-react-native/framework-base 在 2026/10/15 – 2026/11/13 这 30 天内被下载 12,298 次，日均约 410 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。 ### @fluentui-react-native/framework-base 还在维护吗？ 最新版本 0\.9\.1 发布于 2026/11/12（4 天前）；至今共发布 18 个版本，其中过去 12 个月发布了 12 个；首次发布于 2025/07/17。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。