Rasterization for fixing offscreen rendering

To fix offscreen rendering issues in overlap containers, use the rasterize extension (iOS only):

{
  "extensions": [
    {
      "id": "rasterize"
    }
  ]
}

The extension has no parameters.

How it works

  • The element together with its nested elements is rendered as a single bitmap image.
  • The image is created at the pixel density of the screen, so the content stays sharp.
  • Solves offscreen rendering issues in overlap containers.

Connection

DivKitComponents(
  ...
  extensionHandlers: [
    RasterizeExtensionHandler()
  ]
)

Learn more

You can discuss topics of interest in the DivKit user community in Telegram: https://t.me/divkit_community_en.

DivKit Repository