File Viewer / Flutter
EN
0.1.0-dev.1 / 开发预览版已发布

FILE PREVIEWS. THE FLUTTER WAY.

文件预览,
融入你的
Flutter 应用。

一套 Dart API,让文档、表格、演示与更多文件留在应用里。离线资源随包分发,应用级预热让下一次打开从容就绪。

Flutter 3.47+ · Dart 3.13+ · 无需转码服务器

FileViewerHost 应用级
your_flutter_app⌘
Fproject-brief.pdf组件界面示意− 100% +
FIELD NOTES01 / 06

BUILD SOMETHING THAT FITS.

下一份文档,
留在你的应用里。

本地预览 · 统一交互 · 从容打开

FILE VIEWER × FLUTTER01
离线资源PDF · DOCX · XLSX · PPTX
FileViewer(source: document)</>
↻退出路由,保留会话。

A SMALL API. A COMPLETE START.

从安装,到第一份文件。

配置宿主一次,然后用熟悉的 Flutter 方式构建。完整示例与平台差异,都已写进文档。

01

从 pub.dev 安装

匹配的资源包与平台适配器,一起就位。

pubspec.yaml
dependencies:
  file_viewer_flutter: 0.1.0-dev.1
02

在应用根节点预热

首帧后准备查看器,后续页面复用会话。

Dart
runApp(
  FileViewerHost(child: MyApp()),
);
03

把预览放进页面

声明文件资源,并给查看器一个有界布局。

Dart
FileViewer(
  source: FileViewerSource.asset(
    'assets/report.pdf',
  ),
)
原生端先执行一次 setup;示例中的文件需要在 assets 中声明。跟着完整快速开始操作

YOUR DOCUMENTS. YOUR SOURCES.

文件从哪里来,
由你的应用决定。

应用资源、设备文件、内存字节,或带鉴权的接口。同一个组件接住不同来源,路径与凭据留在 Dart 层。

了解文件来源

Web 不读取任意原生路径;远程 URL 仍需要网络与相应的 CORS 配置。

source.dart
const source = FileViewerSource.asset(
  'assets/report.pdf',
);

FileViewer(source: source)
⌑这是 API 示例;URL 与令牌均为占位符。

READY BEFORE THE NEXT ROUTE.

把准备工作,
放到打开之前。

Host 在首帧后预热,已知下一份文档时再提前解析。关闭页面后保留一个会话,让再次打开沿用文档与视图状态。

理解预热与生命周期
01

FileViewerHost首帧后准备壳层与模块

warmUp()
02

已知即将打开的文档按需提前解析,匹配来源与选项

preload()
03

离开,再回来最多保留一个闲置会话,内存压力时释放

reuse

预热就绪与文档首屏不同。后台保留受操作系统挂起与回收约束。

BUILD WITH A CLEAR SCOPE.

能力清晰,接入才从容。

这是正在持续验收的开发预览版。移动端使用系统 WebView,桌面端按平台交付,Worker、WASM、字体与资源随应用分发。

查看六端配置与已验证范围
当前发布0.1.0-dev.1开发预览 · pub.dev
离线交付

资源随包;Windows / Linux 引擎在构建时准备。

体积、部署与许可证

YOUR NEXT PREVIEW STARTS HERE.

给你的 Flutter 应用,
一个自然的文件入口。

打开快速开始

搜索文档

输入关键词,查找接入文档。

↑ ↓ 选择 ↵ 打开