Блог

Ищете простой и быстрый пример / учебник по составлению / наложению нескольких изображений в Flutter с использованием изображений (PNG) из каталога ресурсов:

Несколько вариантов, которые я рассмотрел:

1. Манипулируйте списком uint8 и используйте его в изображении.Память
2. Используйте canvas.drawAtlas в моем собственном художнике
3. используйте библиотеку изображений (что в данном случае кажется немного излишним

Не смог найти ни одного рабочего примера, который соответствовал бы моим потребностям… Я был бы признателен за любой рабочий пример / учебник, который поможет мне, спасибо!

4.Используйте комбинацию стека и границы перерисовки для создания нового изображения:

 Future<Uint8List> _takeScreenShot(context) async {
    RenderRepaintBoundary boundary = _repaintKey.currentContext.findRenderObject();
    ui.Image image = await boundary.toImage(pixelRatio: 2.0);
    ByteData byteData = await image.toByteData(format: ui.ImageByteFormat.png);
    Uint8List pngBytes = byteData.buffer.asUint8List();
    return pngBytes;
}

Stack(
  key: _repaintKey,
  children: [
    //your background image,
    //your png image,
  ],
)