tornpaper

A Flutter Container that looks like a (maybe torn) paper

Usage

TornPaper(
                key: UniqueKey(),
                backgroundColor: backgroundColor,
                hasNoise: hasNoise,
                noiseColor: noiseColor,
                hasBorder: hasBorder,
                tornWidth: tornWidth,
                tornColor: tornColor,
                tornDeepness: tornDeepness,
                seed: seedValue.toInt(),
                stepWidth: stepWidth,
                hasShadow: hasShadow,
                shadowColor: shadowColor,
                shadowOffset: Offset(shadowOffsetBottom.toDouble(), shadowOffsetRight.toDouble()),
                tornedSides: [
                  if (tornedTop) TornedSide.top,
                  if (tornedRight) TornedSide.right,
                  if (tornedLeft) TornedSide.left,
                  if (tornedBottom) TornedSide.bottom
                ],
                child: [...child...]
          )

Most of the variables are self explaining but some are not:

These parameters are changing the "torn"

• seed
• tornwidth
• tornDeepness
• stepWidth

The seed is the Random(seed) for the randomness.

Try all settings on the GithubPage: https://synchronisator.github.io/tornpaper/

TODO

• BUG: Shadow sometimes broken: https://github.com/flutter/flutter/issues/84262
• BUG: Example: Layout Overflow on small devices
• BUG: Noise unperformant -> Isolate

Next Level:

• Tests :D
• Knüll-Optik
• Weiße Abrisskante
• "Umschlageeffekt"