IssueTracker

To tile a background in Jetpack Compose requires using a DrawScope command and manually performing maths to achieve tiling.

Its desirable to have connivence methods to expose tiling in an x/y direction or both.

This is a request similar to what CSS offers: background-repeat. Where the options for repeating are as follows:

For example, something like this but potentially with built-in support for x/y, and how it should repeat with spacing/stretching etc.

fun Modifier.backgroundRepeatX(
   painter: Painter,
   desiredTileWidth: Float = painter.intrinsicSize.width
) = this.then(
   Modifier.drawWithContent {
       drawRepeatX(painter, desiredTileWidth)
       drawContent()
   }
)


private fun DrawScope.drawRepeatX(painter: Painter, desiredTileWidth: Float) {
   val imageWidth = desiredTileWidth
   val imageHeight = painter.intrinsicSize.height
   val canvasWidth = size.width
   var x = 0f
   while (x < canvasWidth) {
       with(painter) {
           translate(left = x) {
               draw(
                   size = Size(width = imageWidth, height = imageHeight)
               )
           }
       }
       x += imageWidth
   }
}