Impossible de prendre une capture d'écran en flutter

Votre code est déjà correct, vous ne devriez rencontrer aucun problème en mode release car à partir de la documentation :

debugNeedsPaint: indique si les informations de peinture de cet objet de rendu sont sales.

Ceci n'est défini qu'en mode débogage. En général, les objets de rendu ne devraient pas avoir besoin de conditionner leur comportement d'exécution selon qu'ils sont sales ou non, car ils ne doivent être marqués comme sales qu'immédiatement avant d'être disposés et peints.

Il est destiné à être utilisé par des tests et des affirmations.

Il est possible (et en fait assez courant) que debugNeedsPaint soit faux et debugNeedsLayout soit vrai. L'objet de rendu sera toujours repeint dans l'image suivante lorsque c'est le cas, car la méthode markNeedsPaint est implicitement appelée par le framework après la disposition d'un objet de rendu, avant la phase de peinture.

Cependant, si vous avez encore besoin d'une solution, vous pouvez essayer ceci:

Future<Uint8List> _capturePng() async {
  try {
    print('inside');
    RenderRepaintBoundary boundary = _globalKey.currentContext.findRenderObject();
    
    // if it needs repaint, we paint it.
    if (boundary.debugNeedsPaint) {
      Timer(Duration(seconds: 1), () => _capturePng());
      return null;
    }
    
    ui.Image image = await boundary.toImage(pixelRatio: 3.0);
    ByteData byteData = await image.toByteData(format: ui.ImageByteFormat.png);
    var pngBytes = byteData.buffer.asUint8List();
    var bs64 = base64Encode(pngBytes);
    print(pngBytes);
    print(bs64);
    setState(() {});
    return pngBytes;
  } catch (e) {
    print(e);
    return null;
  }
}

Vous pouvez trouver un exemple officiel de toImage ici . Mais il semble que cela ne fonctionne pas sans délai entre la pression du bouton et l'appel toImage .

Il y a un problème dans le référentiel officiel: https://github.com/flutter/flutter/issues/22308

La cause de ceci: votre robinet initialise l'animation pour un bouton et RenderObject.markNeedsPaint est appelé de manière récursive, y compris les parents, vous devez donc attendre que debugNeedsPaint soit à nouveau false . toImage fonction toImage simplement une erreur d'assertion dans ce cas:

class _MyHomePageState extends State<MyHomePage> {
  GlobalKey globalKey = GlobalKey();

  Future<Uint8List> _capturePng() async {
    RenderRepaintBoundary boundary = globalKey.currentContext.findRenderObject();

    if (boundary.debugNeedsPaint) {
      print("Waiting for boundary to be painted.");
      await Future.delayed(const Duration(milliseconds: 20));
      return _capturePng();
    }

    var image = await boundary.toImage();
    var byteData = await image.toByteData(format: ImageByteFormat.png);
    return byteData.buffer.asUint8List();
  }

  void _printPngBytes() async {
    var pngBytes = await _capturePng();
    var bs64 = base64Encode(pngBytes);
    print(pngBytes);
    print(bs64);
  }

  @override
  Widget build(BuildContext context) {
    return RepaintBoundary(
      key: globalKey,
      child: Center(
        child: FlatButton(
          color: Color.fromARGB(255, 255, 255, 255),
          child: Text('Capture Png', textDirection: TextDirection.ltr),
          onPressed: _printPngBytes
        ),
      ),
    );
  }
}

https://github.com/flutter/flutter/blob/f0553ba58e6455aa63fafcdca16100b81ff5c3ce/packages/flutter/lib/src/rendering/proxy_box.dart#L2857

  bool get debugNeedsPaint {
    bool result;
    assert(() {
      result = _needsPaint;
      return true;
    }());
    return result;
  }

https://github.com/flutter/flutter/blob/0ca5e71f281cd549f1b5284e339523ad93544c60/packages/flutter/lib/src/rendering/object.dart#L2011

En fait, la fonction d' assert n'est utilisée que dans le développement, donc comme vous pouvez le voir, vous n'aurez pas de problème avec l'erreur de production. Mais je ne sais pas quel genre de problèmes vous pouvez avoir à la place, probablement non).

Le code suivant n'est pas génial mais ça marche:

  Future<ui.Image> toImage({ double pixelRatio = 1.0 }) {
    assert(!debugNeedsPaint);
    final OffsetLayer offsetLayer = layer;
    return offsetLayer.toImage(Offset.zero & size, pixelRatio: pixelRatio);
  }

J'ai changé la logique de retour de null à la fonction _capturePng () à nouveau.

Reff: @CopsOnRoad

Vérifiez le code ci-dessous

    Future<Uint8List> _capturePng() async {
  try {
    print('inside');
    RenderRepaintBoundary boundary = _globalKey.currentContext.findRenderObject();
    
    // if it needs repaint, we paint it.
    if (boundary.debugNeedsPaint) {

//if debugNeedsPaint return to function again.. and loop again until boundary have paint.
return _capturePng()); 
    }
    
    ui.Image image = await boundary.toImage(pixelRatio: 3.0);
    ByteData byteData = await image.toByteData(format: ui.ImageByteFormat.png);
    var pngBytes = byteData.buffer.asUint8List();
    var bs64 = base64Encode(pngBytes);
    print(pngBytes);
    print(bs64);
    setState(() {});
    return pngBytes;
  } catch (e) {
    print(e);
    return null;
  }
}

J'ai fait face au même problème

Après une longue période de recherche

Je trouve enfin le problème

si le widget que vous voulez capturer est dans une ListView et que la liste est très longue, donc votre widget est hors écran, la capture échouera.