將 Widget 轉換為 Image.png 並保存在創建的目錄中 Flutter

Question

我希望我的應用程序在安裝時首先在內部存儲中創建特定目錄，並在單擊時創建一個按鈕，將特定小部件（屏幕）轉換為 image.png，然后將其保存在該創建的目錄中。

我需要完整的代碼。 我一直在尋找，但我還沒有找到有效的方法。

Answer 1

此功能是您對小部件進行截圖並保存在本地的全部需要：

static GlobalKey _repaintKey = GlobalKey();

Widget _yourWidget(){
  return Stack(
    key: _repaintKey,
    children: [
    ],
  );
}

Future<void> _takeScreenShot(context) async {
    RenderRepaintBoundary boundary = _repaintKey.currentContext.findRenderObject();
    ui.Image image = await boundary.toImage();
    ByteData byteData = await image.toByteData(format: ui.ImageByteFormat.png);
    Uint8List pngBytes = byteData.buffer.asUint8List();
    final path = join(
      (await getTemporaryDirectory()).path, "screenshot${DateTime.now().toIso8601String()}.png");
    File imgFile = File(path);
    imgFile.writeAsBytes(pngBytes).then((value) {
      Navigator.of(context).pushNamed(Routes.uploadImage, arguments: value.uri.path);
    }).catchError((onError) {
      print(onError);
    });
}