美文网首页flutter
Flutter 将Widget 转换成 Png图

Flutter 将Widget 转换成 Png图

作者: 代瑶 | 来源:发表于2020-12-29 11:07 被阅读0次

flutter 将视图Widget 生成成Png 流程

  1. 将需要生成图片的Widget 使用RepaintBoundary包裹起来,并给定globalkey。

  2. 通过globalKey获取renderObject .转成图就好

RepaintBoundary(
  key: PageManageUtil().generateKey(pageIndex),
  child: _inheritedInfo.dmsStackViewFromMap[pageIndex],
)
RenderRepaintBoundary boundary = _pageGlobalKey.currentContext.findRenderObject();
ui.Image image = await boundary.toImage(pixelRatio: 3.0);
ByteData byteData = await image.toByteData(format: ui.ImageByteFormat.rawRgba);
Uint8List _uInt8List = byteData.buffer.asUint8List();
Image.memory(_uInt8List, width: 100, height: 177)

相关文章

  • Flutter 将Widget 转换成 Png图

    flutter 将视图Widget 生成成Png 流程 将需要生成图片的Widget 使用RepaintBound...

  • Flutter实现Text渐变

    Flutter实现Text渐变 首先展示效果图image.png 自定义GradientText Widget(直...

  • flutter进阶

    上一篇 Flutter开篇 widget组合与自绘 组合--返回widget组合.png 组合--继承widget...

  • Flutter各种API使用

    将Flutter各种Widget各种API都实现一次。 用于给初学者提供Flutter可视化Widget,方便初学...

  • PyQt5

    将ui转换成py文件然后运行 Widget Main_Window

  • 缩小你的apk

    本文章介绍两个主题: 压缩资源:将png和gif转换成webp 使用Lint删除无用资源 将png和gif转换成w...

  • Flutter布局之Card使用

    原文链接 Flutter教程推荐 效果图 代码 分析 1.Card接受单个widget,但该widget可以是Ro...

  • flutter笔记汇总

    Widget 基础Widget flutter笔记(一)-----官方示例&代码解读 flutter笔记(二)-...

  • Flutter之Widget

    Widget说明 在Flutter中几乎所有的对象都是一个 widget。Flutter 中是通过 Widget ...

  • (双图理解)Flutter 核心原理之 Widget、Eleme

    今天直接分享 『Flutter 核心原理之 Widget、Element 和 RenderObject』的思维导图...

网友评论

    本文标题:Flutter 将Widget 转换成 Png图

    本文链接:https://www.haomeiwen.com/subject/lurfoktx.html