Cannot take screenshot for platform-views by using RepaintBoundary?

Steps to Reproduce

run demo from webview_flutter
take screenshot by using RepaintBoundary.
get image:

flutter analyze

Analyzing flutter_app...
No issues found! (ran in 1.9s)

flutter doctor -v

[✓] Flutter (Channel beta, v1.0.0, on Mac OS X 10.13.6 17G3025, locale zh-Hans-CN)
    • Flutter version 1.0.0 at /Users/zhaoya/zy/dev/flutter
    • Framework revision 5391447fae (13 days ago), 2018-11-29 19:41:26 -0800
    • Engine revision 7375a0f414
    • Dart version 2.1.0 (build 2.1.0-dev.9.4 f9ebf21297)

[✓] Android toolchain - develop for Android devices (Android SDK 28.0.3)
    • Android SDK at /Users/zhaoya/Library/Android/sdk
    • Android NDK location not configured (optional; useful for native profiling support)
    • Platform android-28, build-tools 28.0.3
    • Java binary at: /Applications/Android Studio.app/Contents/jre/jdk/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 1.8.0_152-release-1024-b01)
    • All Android licenses accepted.

[!] iOS toolchain - develop for iOS devices (Xcode 10.1)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Xcode 10.1, Build version 10B61
    ✗ ideviceinstaller is not installed; this is used to discover connected iOS devices.
      To install with Brew, run:
        brew install --HEAD usbmuxd
        brew link usbmuxd
        brew install --HEAD libimobiledevice
        brew install ideviceinstaller
    • ios-deploy 1.9.4
    • CocoaPods version 1.5.3

[✓] Android Studio (version 3.1)
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin version 29.0.1
    • Dart plugin version 173.4700
    • Java version OpenJDK Runtime Environment (build 1.8.0_152-release-1024-b01)

[!] IntelliJ IDEA Community Edition (version 2016.2.5)
    • IntelliJ at /Applications/IntelliJ IDEA CE.app
    ✗ Flutter plugin not installed; this adds Flutter specific functionality.
    ✗ Dart plugin not installed; this adds Dart specific functionality.
    • For information about installing plugins, see
      https://flutter.io/intellij-setup/#installing-the-plugins
    ✗ This install is older than the minimum recommended version of 2017.1.0.

[✓] Connected device (1 available)
    • Robin • NBQGLMB612601533 • android-arm64 • Android 7.1.1 (API 25)

@amirh

cc @amirh

Is there any progress on this? I'm also experiencing the same issue.

@SeanningTatum

@SeanningTatum I suggest you thumb up the issue if it affects you as well so it comes up when prioritizing.

@amirh

@amirh I think you should add the platform-ios tag too, I experienced this in iOS.

@SeanningTatum

@SeanningTatum on iOS it's a different issue (it wasn't implemented yet) the tracking issue for that is #23435

same issue for us and very annoying, any progress ?

Any progress?

Well, I know this may be a controversial suggestion, but the flutter_inappwebview is an alternative plugin which currently support taking screenshots (takeScreenshot function). While this isn't prioritized, it may be reasonable to use this alternative plugin if this functionality is essential for your application (like it was for me).

yes i know it is alternative plugin but using that plugin i can not take screenshot of current state, for example in webview i am drawing something and then i want to take screenshot with drawing ,which is not happening using [flutter_inappwebview].

Could you expose this feature from the WkWebview api on iOS. It has takeSnapshot and createPDF options.
https://developer.apple.com/documentation/webkit/wkwebview

News? is there any way to take screenshots of webview content?

The only way that I think this might work is to create a javascript channel and insert something like this. https://html2canvas.hertzen.com/ I haven't tested this yet but its the only idea I have to get around this problem until flutter adds it to the webview.

This is a limitation of platform views at the moment. The current workaround on Android is to use the Espresso framework. I don't have an example I can share at the moment, but internal teams at Google have done this successfully when using hybrid composition.

Is there any progress on this? I'm also experiencing the same issue.

Any progress?

same problem use in apple_map_flutter

any way for apple_map_flutter

The Flutter team will be working on this feature this quarter. You can follow progress on #83856.

This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.

Navigation Menu

Repository navigation

Cannot take screenshot for platform-views by using RepaintBoundary? #25306

Steps to Reproduce

flutter analyze

flutter doctor -v

20 remaining items

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Cannot take screenshot for platform-views by using RepaintBoundary? #25306

Description

Steps to Reproduce

flutter analyze

flutter doctor -v

Activity

goderbauer commented on Dec 13, 2018

SeanningTatum commented on Mar 6, 2019

amirh commented on Mar 6, 2019

SeanningTatum commented on Mar 10, 2019

amirh commented on Mar 10, 2019

juliengit2 commented on Sep 6, 2019

20 remaining items

yukitaka13-1110 commented on Feb 5, 2021

Aperico-com commented on Feb 11, 2021

mrmodh10 commented on Feb 11, 2021

delay commented on Mar 9, 2021

dayron9110 commented on Mar 31, 2021

delay commented on Apr 1, 2021

blasten commented on May 21, 2021

s20797 commented on Jun 10, 2021

s20797 commented on Jun 10, 2021

s20797 commented on Jun 10, 2021

blasten commented on Jun 10, 2021

github-actions commented on Jul 31, 2021

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions