Flutter clipboard should support images

[robsonmeemo]

Use case

It would be nice to also support videos and binary data in general. But having images would already be a big help.

Proposal

I can write a plugin but such basic behavior should be part of the Flutter framework. Having it in the framework also allows integrating it with Flutter widgets like TextField.

Related issues

#30719

[yanivshaked]

Hi,
Any update on this feature?
Are there any alternatives at the moment, for importing/exporting an image copied to the clipboard?

Thanks

[fabioselau077]

same problem/question.
Any update?

[tiloc]

Yes, please, very much needed! In my use-case mostly text/html. But image/... as well.

[Krecharles]

For those interested: I got it to work on iOS through Flutter Channels:

// main.dart

class MyTextSelectionControls extends CupertinoTextSelectionControls {
// https://api.flutter.dev/flutter/widgets/TextSelectionControls/handlePaste.html
// https://flutter.dev/docs/development/platform-integration/platform-channels#step-4-add-an-ios-platform-specific-implementation
  static final channelName = 'clipboard/image';
  final methodChannel = MethodChannel(channelName);

  Function(ImageProvider) callback;
  MyTextSelectionControls(this.callback);

  @override
  Future<void> handlePaste(TextSelectionDelegate delegate) async {
    await getClipboardImage();

    final TextEditingValue value =
        delegate.textEditingValue; // Snapshot the input before using `await`.
    final ClipboardData data = await Clipboard.getData(Clipboard.kTextPlain);

    if (data != null) {
      delegate.textEditingValue = TextEditingValue(
        text: value.selection.textBefore(value.text) +
            data.text +
            value.selection.textAfter(value.text),
        selection: TextSelection.collapsed(
            offset: value.selection.start + data.text.length),
      );
    }
    delegate.bringIntoView(delegate.textEditingValue.selection.extent);
    delegate.hideToolbar();
  }

  getClipboardImage() async {
    try {
      final result = await methodChannel.invokeMethod('getClipboardImage');
      ImageProvider prov = Image.memory(result).image;
      callback(prov);
    } on PlatformException catch (e) {
      print("error in getting clipboard image");
      print(e);
    }
  }
}

// AppDelegate.swift

import UIKit
import Flutter

@UIApplicationMain
@objc class AppDelegate: FlutterAppDelegate {
  override func application(
    _ application: UIApplication,
    didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?
  ) -> Bool {
    
    let controller : FlutterViewController = window?.rootViewController as! FlutterViewController
        let batteryChannel = FlutterMethodChannel(name: "clipboard/image",
                                                  binaryMessenger: controller.binaryMessenger)
        batteryChannel.setMethodCallHandler({
          (call: FlutterMethodCall, result: @escaping FlutterResult) -> Void in
          // Note: this method is invoked on the UI thread.
            guard call.method == "getClipboardImage" else {
              result(FlutterMethodNotImplemented)
              return
            }
            self.getClipboardImage(result: result)
        })
    
    GeneratedPluginRegistrant.register(with: self)
    return super.application(application, didFinishLaunchingWithOptions: launchOptions)
  }

    
    // https://flutter.dev/docs/development/platform-integration/platform-channels#step-4-add-an-ios-platform-specific-implementation
    // https://www.raywenderlich.com/2882495-your-own-image-picker-with-flutter-channels#toc-anchor-008
    private func getClipboardImage(result: FlutterResult) {
      
        let image = UIPasteboard.general.image;
        
        if (image == nil) {
            print("no image in clipboard")
            return
        }
        
        let data = image!.jpegData(compressionQuality: 0.9)
        result(data)
        
    }
    
}

Full Gist: https://gist.github.com/Krecharles/4338276a4b6763378544d276d5998408

[3215466800]

same problem/question.
Any update?