相关疑难解决方法(0)

如何在flutter中截取屏幕外的小部件截图?

我正在使用RepaintBoundary截取当前小部件的屏幕截图,它是一个listView。但它只捕获当时在屏幕上可见的内容。

RepaintBoundary(
                key: src,
                child: ListView(padding: EdgeInsets.only(left: 10.0),
                  scrollDirection: Axis.horizontal,
                  children: <Widget>[
                    Align(
                        alignment: Alignment(-0.8, -0.2),
                        child: Column(
                          mainAxisAlignment: MainAxisAlignment.center,
                          children: listLabel(orientation),
                        )
                    ),

                    Padding(padding: EdgeInsets.all(5.0)),

                    Align(
                        alignment: FractionalOffset(0.3, 0.5),
                        child: Container(
                            height: orientation == Orientation.portrait? 430.0: 430.0*0.7,
                            decoration: BoxDecoration(
                                border: Border(left: BorderSide(color: Colors.black))
                            ),
                            //width: 300.0,
                            child:
                            Wrap(
                              direction: Axis.vertical,
                              //runSpacing: 10.0,
                              children: colWidget(orientation),
                            )
                        )
                    ),
                    Padding(padding: EdgeInsets.all(5.0)),
                    Column(
                      mainAxisAlignment: MainAxisAlignment.center,
                      children: listLabel(orientation),
                    )
                  ],
                ),
              );
Run Code Online (Sandbox Code Playgroud)

截图功能:

Future screenshot() async {
    RenderRepaintBoundary boundary …
Run Code Online (Sandbox Code Playgroud)

screenshot dart flutter

7
推荐指数
3
解决办法
8443
查看次数

Flutter/dart 将整个部分 OFFSCREEN 小部件捕获为图像

对此答案的一些评论表明,可以捕获小部件的每个像素,即使它部分位于屏幕外。这个答案中的评论表明相反的观点。我一直无法弄清楚,我今天才开始搞乱它。这是我到目前为止的代码:

RenderRepaintBoundary boundary = globalKey.currentContext.findRenderObject();
ui.Image image = await boundary.toImage();
ByteData byteData = await image.toByteData(format: ui.ImageByteFormat.png);
Uint8List pngBytes = byteData.buffer.asUint8List();
Run Code Online (Sandbox Code Playgroud)

有人知道如何修改它以便捕获完整的小部件吗?或者这仅适用于屏幕上的小部件部分?

FWIW,在将这个问题标记为重复的类似问题中提供的答案被自我描述为故意破坏颤动为优化所做的事情,并且仅在最坏的情况下。我正在寻找一个不需要做两年内就会崩溃的疯狂事情的​​答案。

dart flutter flutter-widget

6
推荐指数
0
解决办法
607
查看次数

flutter - 如何使用 RepaintBoundary 截取图像小部件的屏幕截图?

需要对特定区域进行截图。尝试过RepaintBoundary并且GlobalKey。小部件可以Text正常Container工作,但Image不能。Image截图中的区域为空白(白色或黑色)。

尝试过如何截取当前小部件的屏幕截图 - Flutter但没有运气。

import 'package:flutter/material.dart';
import 'dart:async';
import 'dart:typed_data';
import 'dart:ui' as ui;
import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';
import 'package:flutter/services.dart';
import 'package:path_provider/path_provider.dart';
import 'dart:io';

void main() => runApp(new MyApp());

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Flutter Demo',
      theme: new ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: new MyHomePage(title: 'Flutter Demo Home …
Run Code Online (Sandbox Code Playgroud)

screenshot flutter

5
推荐指数
1
解决办法
6444
查看次数

如何在 Flutter 中导出屏幕的高分辨率图像?

如何在 Flutter 中以高分辨率将屏幕导出为图像或 PDF?是否可以导出带有背景图像和文本字段以及用户输入作为图像的容器?我尝试了这个解决方案(How to take a Screenshot of the current widget - Flutter),但分辨率太差。我需要不同尺寸的屏幕,例如 40x60cm、20x30cm 和 300Ddpi。

export image flutter

4
推荐指数
1
解决办法
2223
查看次数

标签 统计

flutter ×4

dart ×2

screenshot ×2

export ×1

flutter-widget ×1

image ×1