flutter - 如何在小部件的容器内显示 pdf [flutter-web]
问题描述
我想在我的flutter-web项目中打开pdf文件,只要我知道......当我打开pdf时,它总是将我导航到新标签,有没有办法在小部件flutter的容器内显示pdf?所以,到目前为止,我只通过这样做打开pdf文件
html.window.open('http://xxxx.pdf',"my_pdf");
我仍然不知道如何把它放在小部件颤振中
解决方案
您可以在下面复制粘贴运行完整代码
在演示代码中,我添加blue border
了Container
代码片段
class Iframe extends StatelessWidget {
Iframe() {
// ignore: undefined_prefixed_name
ui.platformViewRegistry.registerViewFactory('iframe', (int viewId) {
var iframe = html.IFrameElement();
iframe.src = 'http://www.africau.edu/images/default/sample.pdf';
return iframe;
});
}
@override
Widget build(BuildContext context) {
return Container(
decoration: BoxDecoration(border: Border.all(color: Colors.blueAccent)),
width: 400,
height: 300,
child: HtmlElementView(viewType: 'iframe'));
}
}
工作演示
完整代码
import 'package:flutter/material.dart';
// import 'dart:io' if (dart.library.html) 'dart:ui' as ui;
import 'dart:ui' as ui;
import 'dart:html' as html;
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
home: MyHomePage(),
);
}
}
class MyHomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(child: Iframe()),
floatingActionButton: FloatingActionButton(
onPressed: () {},
tooltip: 'Increment',
child: Icon(Icons.add),
),
);
}
}
class Iframe extends StatelessWidget {
Iframe() {
// ignore: undefined_prefixed_name
ui.platformViewRegistry.registerViewFactory('iframe', (int viewId) {
var iframe = html.IFrameElement();
iframe.src = 'http://www.africau.edu/images/default/sample.pdf';
return iframe;
});
}
@override
Widget build(BuildContext context) {
return Container(
decoration: BoxDecoration(border: Border.all(color: Colors.blueAccent)),
width: 400,
height: 300,
child: HtmlElementView(viewType: 'iframe'));
}
}
推荐阅读
- css - 在 Gitlab 中使用 MarkDown 将自定义样式添加到 Wiki 页面
- redux - 为什么我得到错误:Reducer“age”在初始化期间返回未定义..我做错了什么?
- r - R将变量转换为新列
- python - 如何仅使用numpy查找重复次数超过n次的值?
- hibernate - Spring数据JPA弹性搜索和Mongo
- html - 无法删除最后一个导航项的右边框
- ios - Swift PHAsset PHAssetChangeRequest 添加/删除关键字
- javascript - 如何在javascript中为空后保留dom的副本?
- c# - 我可以在混合控制台和 WinForms 环境中保持工作程序和 GUI 分离而没有跨线程异常吗?
- python - 如果需要,在 Python 中防止连接字符串污染攻击