Picture component clips content when using matrix prop with large translations

[akug17]

When using the matrix prop on the <Picture /> component, the picture gets clipped when the matrix translation exceeds the original canvas bounds. This makes it difficult to create scrollable/pannable component where content needs to move beyond the initial viewport.
It works just fine if done with canvas.concat(matrix) in createPicture function. I wanted to understand if this is something expected and if there's any workaround for this ?

[akug17]

So i figured out this is expected and the workaround for this would be to pass a SkHostRect object and specifically pass the bounds to createPicture fn in the 2nd param

rect(x, y, width, height)

So let's say for infinite horizontal scroll you have original canvas of width 400. Since the canvas is supposed to be horizontally scrolled infinitely you need to calculate content width of your scroll and set it as width in rect, then for x it would be -contentWidth + original width of canvas = 400