@fluentui-react-native/framework-base

中文文档
0.9.1发布于 2026/11/12MITTypeScriptES Module零依赖近 30 天下载 1.2万

基础类型和公用事业

中文使用文档
文档目录3 节
  1. 快开始
  2. 文档
  3. 类型助手

@fluentui-react-native/framework-base

Fluent UI React 本地框架共享的核心执行和类型:组件模式,槽,自定义 JSX运行时间、互动和无障碍帮助者以及不可改变的合并、记忆和道具合并的公用事业. 包括合并和纪念设施在内的先前独立的一揽子计划现已成为这一一揽子计划的一部分.

快开始

将软件包添加为依赖, 然后将 JSX 运行时间 pragma 放在 第一行 : 每个组件文件 使用组件模式:

/** @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<TextProps>(({ style, ...props }) => <Text {...props} style={[{ fontWeight: '700' }, style]} />);

运行时间 @fluentui-react-native/framework-base/jsx-runtime 平整直接和相相继组件及支持 空档裁判 编译输出导入它, 因此使用 pragma 的软件包将此软件包声明为 dependencies编辑 pragma 取代遗产 /** @jsx withSlots */ 指令; 导出 withSlots 帮助者只保留到 已贬值的框架代码所使用的经典运行时间 .

文档

专题封面
构成部分模式选择和结合 directComponent, (中文(简体) ), phasedComponent时段
无障碍resolveAccessibilityAction 和共享语义动作合同
不可移动合并immutableMerge, (中文(简体) ), immutableMergeCore合并选项
备忘录缓存getMemoCache, (中文(简体) ), getTypedMemoCache,以及 memoize
合并道具mergeProps, (中文(简体) ), mergeStyles样式
捐款源头所有权、兼容性、测试和验证

这个 参考索引 列出每个编号的引用。 此套件的代理从 一般事务人员(其他职等)。 。 。 .

类型助手

  • PropsOf<TComponent> - 从反应组件类型提取道具
  • PropsWithRefOf<TComponent> - 从反应组件类型中提取道具,包括支持的参考文献
  • PropsChildren<TProps> - 从道具类型中取出儿童入境
  • PropsWithoutChildren<TProps> 编号 : PartialWithoutChildren<TProps> - 在保留工会的同时驱逐儿童
  • FunctionComponent<TProps> - 功能元件类型,没有儿童处理反应并发症。 FC 推动
  • DirectComponent<TProps> - 标记为直接渲染的函数组件
  • PhasedComponent<TProps> - 一个有两阶段支助的组成部分
  • PhasedRender<TProps> - 相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相
  • SlotComponent<TProps> - 组成框架中使用的槽组件类型
  • PropsTransform<TPropsIn, TPropsOut> - 将一组道具映射到另一组
  • ComponentPropsTransform<TComponent> - 变换部件类型的已解析道具
  • SlotOptions<TComponent> - 默认道具、转换和可选的片段渲染行为
  • Simplify<T>, (中文(简体) ), OuterPartial<T>,以及 PartialExcept<T, K> - 帮助生产可读部分对象类型
  • MergeCoreOptions - 被接受的选项 immutableMergeCore
  • ValueFactory<T> - 备忘录缓存功能接受工厂签名

版本与发布记录

@fluentui-react-native/framework-base 共发布 18 个版本,首次发布于 2025/07/17;过去 12 个月发布了 12 个版本。

版本发布日期距今
0.9.1latest2026/11/124 天前
0.9.02026/10/2918 天前
0.8.12026/09/241 个月前
0.8.02026/09/231 个月前
0.7.02026/09/022 个月前
0.6.12026/08/212 个月前

关于 @fluentui-react-native/framework-base 的常见问题

@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 和提交记录判断。